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

ページへ戻る

− Links

印刷

^[5]

2015 4月 17 (金)

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

^[12]
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

Links list

(This host) = https://xoops.hypweb.net

^{(This host)}/modules/UsersWiki/person/nao-pon/blog/2015-04-15
^{(This host)}/modules/UsersWiki/person/nao-pon/blog/2015-04-17-1
^{(This host)}/modules/UsersWiki/person/nao-pon
^{(This host)}/modules/UsersWiki/person/nao-pon/blog
^{(This host)}/modules/UsersWiki/?cmd=rss&p=nao-pon%2Fblog
^{(This host)}/modules/UsersWiki/person/nao-pon/blog/2015-04-17#cb4d4ddf
^{(This host)}/modules/UsersWiki/index.php?cmd=lsx&rtag=jQuery
^{(This host)}/modules/UsersWiki/index.php?cmd=lsx&rtag=JavaScript
^{(This host)}/modules/UsersWiki/index.php?cmd=lsx&rtag=%A5%D7%A5%ED%A5%B0%A5%E9%A5%DF%A5%F3%A5%B0
^{(This host)}/modules/UsersWiki/index.php?cmd=lsx&rtag=%A5%E1%A5%E2
^{(This host)}/modules/UsersWiki/index.php?cmd=lsx&rtag=Tips
^{(This host)}/modules/xelfinder/index.php/view/1913/logo-jQuery.png

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

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

Links list

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