Railsã§jQueryを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹æ–¹æ³• - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ã©ã®ã‚„ã‚Šæ–¹ãŒã„ã„？ ブクマã—ã¦ãŠãã¨ä¾¿åˆ©ãªjQueryç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¾ã¨ã‚
WPJã§ã‚‚使ã£ã¦ã„る「無é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã€‚案件ã§ã„ã–実装ã™ã‚‹ã¨ãªã£ã¦ã‚ã¡ã“ã¡æŽ¢ã—ã¾ã‚ã‚‹ã®ã¯é¢å€’ãªã‚‚ã®ã€‚ã“ã®ãƒšãƒ¼ã‚¸ã‚’ブックマークã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ã。 ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ˆInfinite scroll）ã¯éžå¸¸ã«ä¸€èˆ¬çš„ã«ãªã£ãŸæ©Ÿèƒ½ã§ã™ãŒã€è¦šãˆã¦ãŠãã¨å½¹ç«‹ã¡ã¾ã™ã€‚例ãˆã°ã€Twitterã‚„Facebookãªã©ã‚‚ãã†ã§ã™ãŒã€ãƒšãƒ¼ã‚¸å‰²ã‚Šã®ä»•çµ„ã¿ãŒãªã„Webサイトã®å ´åˆã§ã™ã€‚ã¾ãŸã€ã‚µãƒ¼ãƒã‚¨ãƒ³ã‚¸ãƒ³ã«ã‚‚ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯æœ‰åŠ¹ã§ã™ã€‚ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã™ã‚Œã°ã€æ¬²ã—ã„リンクãŒè¦‹ã¤ã‹ã‚‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã®ã§ã€ãƒšãƒ¼ã‚¸ã”ã¨ã§æ¤œç´¢ã™ã‚‹ã‚ˆã‚Šã‚µã‚¤ãƒˆæ»žåœ¨æ™‚é–“ãŒé•·ããªã‚Šã¾ã™ã€‚ã‚‚ã—プãƒã‚¸ã‚§ã‚¯ãƒˆã§ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’使ã†å¿…è¦ãŒã‚ã‚‹å ´åˆã¯ã€ä»¥ä¸‹ã«ç´¹ä»‹ã™ã‚‹6ã¤ã®ãƒ‡ãƒ¢ã‚’ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„。 注æ„点ã¨ã—ã¦ã€6ã¤ã‚ã®ä¾‹ã‚’除ã„ã¦ãƒ‡ãƒ¢ã¯ã™ã¹ã¦jQueryã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ã„ãã¤ã‹ã¯jQueryプラグインを使用ã—ã¦ã„ã¾ã™ã€‚6ã¤ã‚ã®ä¾‹ã¯ç°¡å˜ã«vanilla
jQuery: ajax メソッドã®ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’変更ã™ã‚‹
jQuery 1.5 以é™ã§ã‚れ㰠headers プãƒãƒ‘ティã§ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’指定ã™ã‚‹ã“ã¨ãŒã§ãる。 $.ajax({ url: '/test', type: 'PUT', headers: { 'X-HTTP-Method-Override': 'PUT', 'Content-Type': 'application/json' }, dataType: 'json', data: '{"test": "テスト"}', }).done(function() { console.log('æˆåŠŸ'); }); Content-Type ã®ãŸã‚ã« contentType プãƒãƒ‘ティも用æ„ã•ã‚Œã¦ã„る。複数ã®ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’指定ã™ã‚‹å ´åˆã¯ã€headers プãƒãƒ‘ティã«ã¾ã¨ã‚ã¦ãŠã„ãŸã»ã†ãŒæ•£ã‚‰ã‹ã‚‰ãšã«ã™ã‚€ã ã‚ã†ã€‚ headers: { 'X-HTTP-Method-Override': 'PUT', }, co
jQueryã§è‰²ã€…ãªãƒ•ã‚©ãƒ¼ãƒ 入力値をリアルタイムå–å¾—ã™ã‚‹
jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›åœ°ã‚’リアルタイムã§å–å¾—ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ フォームã®value値をリアルタイムã§å–å¾—ã—ãŸã„å ´åˆã€å¿…ãšã—ã‚‚ フォームã®ãƒ‘ーツã‹ã‚‰ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå¤–ã‚ŒãŸæ™‚やクリック時ã¨ã¯é™ã‚Šã¾ã›ã‚“。フォームã®å…¥åŠ›å€¤ãŒå¤‰æ›´ã•ã‚ŒãŸã“ã¨ã‚’å–å¾—ã—ã¦ã„ãã¾ã™ã€‚ jQueryã®changeイベントãŒã‹ãªã‚Šä¾¿åˆ© 今日ã¾ã§çŸ¥ã‚‰ãªã‹ã£ãŸã®ã§ã™ãŒã€ãƒ•ã‚©ãƒ¼ãƒ ã®value値ãŒå¤‰æ›´ã•ã‚ŒãŸã“ã¨ã‚’知るã«ã¯changeイベントãŒã‹ãªã‚Šä¾¿åˆ©ãªã‚ˆã†ã§ã™ã€‚ プルダウンãŒå¤‰æ›´ã•ã‚ŒãŸã‚‰ フォームã®ãƒ—ルダウンãŒå¤‰æ›´ã•ã‚ŒãŸã‚‰value値ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ ソースコード $("#select1 select").change(function () { var str = ""; str = $(this).val(); $("#select1 div").text(str); }).change();
iOSã®Mobile Safari上ã§ã®focus()ãŒå¦™ãªä»¶ã‚’調ã¹ã¦ã¿ãŸ - mixi engineer blog
ã“ã‚“ã«ã¡ã¯ã€‚ミクシィUX統括部ã«ã¦ã€mixi Touchã®é–‹ç™ºã‚’担当ã—ã¦ãŠã‚Šã¾ã™æˆ¸é«˜ã§ã™ã€‚ JavaScriptã§ã®é–‹ç™ºã‚’è¡Œã†äº‹ãŒå¤šã„ã®ã§ã™ãŒã€iOSã®ãƒ–ラウザ（Mobile Safari）ã®focusã®æŒ™å‹•ã«ã¤ã„ã¦å°‘ã—クセãŒã‚り〠調ã¹ã¦ã¿ã¾ã—ãŸã®ã§ã€ãŠçŸ¥ã‚‰ã›ã„ãŸã—ã¾ã™ã€‚ 通常ã€<textarea>ã‚„<input type=â€textâ€>ç‰ã®ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã«å¯¾ã—ã¦ã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’与ãˆãŸã„å ´åˆã€focus()メソッドを使用ã—ã¾ã™ã€‚ iOSã®ãƒ–ラウザ（以下ã€Mobile Safari）ã«ã¦ã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’実行ã—ã¦ã¿ã¾ã™ã€‚ （分ã‹ã‚Šã‚„ã™ã„様ã«jQueryを使用ã•ã›ã¦é ‚ãã¾ã—ãŸï¼‰ ãªãŠã€æ¤œè¨¼ç«¯æœ«ã«ã¯iPhone4S iOS5.0(9A334)を使用ã—ã¦ã„ã¾ã™ã€‚ HTML <!DOCTYPE html> <html> <head> <meta http-equiv=â€Content-Type†con
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
å‹•çš„ã«ç”Ÿæˆã—ãŸDOMè¦ç´ ã«å¯¾ã—ã¦jQueryã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹å ´åˆ - Qiita
JavaScript Array.forEachã¨jQuery.eachã®é•ã„ - Qiita
jQuery classã®è¿½åŠ ・削除 - Qiita
{{#tags}}- {{label}}
{{/tags}}