|
|
現: 2015-04-17 (金) 22:03:03 nao-pon  |
|||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | #navi | ||
| + | RIGHT:&rsslink(../); | ||
| + | #boxdate | ||
| + | * [jQuery] hover を on で処理しいときのメモ書き [#cb4d4ddf] | ||
| + | RIGHT:&tag(jQuery,JavaScript,プログラミング,メモ,Tips); | ||
| + | |||
| + | &ref(site://modules/xelfinder/index.php/view/1913/logo-jQuery.png,right,mw:320,mh:320,og); | ||
| + | jQuery で、動的に追加される DOM に対して、onready 関数内で hover イベントで処理する関数を登録しようとして、何も考えずに | ||
| + | |||
| + | $(parent).on('hover', '[セレクタ]', function(){...}); | ||
| + | |||
| + | って書いたけど、案の定全然動かなかった。そりゃそうだ、hover イベントなんてない、jQuery オブジェクトの関数だ。 :hammer: | ||
| + | |||
| + | で、今度はちゃんと考えて | ||
| + | |||
| + | #code(javascript,nonumber){{ | ||
| + | $(parent).on('mouseenter mouseleave', '[セレクタ]', function(e){ | ||
| + | var self = $(this); | ||
| + | var self = $(this); | ||
| + | if (e.type === 'mouseenter') { | ||
| + | // マウスポインタが乗った時の処理 | ||
| + | self.ほげほげ; | ||
| + | } else { | ||
| + | // マウスポインタが外れた時の処理 | ||
| + | self.ふがふが; | ||
| + | } | ||
| + | }); | ||
| + | }} | ||
| + | |||
| + | ってやったらちゃんとできた。というメモ書き。 | ||
| + | RIGHT:&font(90%){&page_comments;}; | ||
| + | #navi | ||
| ぺージ情報 | |
|---|---|
| ぺージ名 : | nao-pon/blog/2015-04-17 |
| ページ別名 : | 未設定 |
| ページオーナー : | nao-pon |
| 閲覧可 | |
| グループ : | すべての訪問者 |
| ユーザー : | すべての訪問者 |
| 編集可 | |
| グループ : | なし |
| ユーザー : | ゲスト |
ページへ戻る
リンク元
メインメニュー
