[jQuery] hover を on で処理しいときのメモ書き [nao-pon/blog/2015-04-17]

印刷

2015 4月 17 (金)

[jQuery] hover を on で処理しいときのメモ書き

jQuery で、動的に追加される DOM に対して、onready 関数内で hover イベントで処理する関数を登録しようとして、何も考えずに

$(parent).on('hover', '[セレクタ]', function(){...});

って書いたけど、案の定全然動かなかった。そりゃそうだ、hover イベントなんてない、jQuery オブジェクトの関数だ。 :hammer:

で、今度はちゃんと考えて

-
|
|
-
-
!
-
-
!
!
!

$(parent).on('mouseenter mouseleave', '[セレクタ]', function(e){
var self = $(this);
    var self = $(this);
    if (e.type === 'mouseenter') {
        // マウスポインタが乗った時の処理
        self.ほげほげ;
    } else {
        // マウスポインタが外れた時の処理
        self.ふがふが;
    }
});

ってやったらちゃんとできた。というメモ書き。

Last-modified: 2015-04-17 (金) 22:03:03 (JST) (3947d) by nao-pon

[jQuery] hover を on で処理しいときのメモ書き :: XOOPS マニア

[jQuery] hover を on で処理しいときのメモ書き