|
現: 2015-04-17 (金) 22:03:03 nao-pon |
| + | #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 のバックアップ差分(No. All)
Counter: 288,
today: 1,
yesterday: 0