ページへ戻る

− Links

 印刷 

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

UsersWiki:nao-pon/blog/2015-04-17 の変更点
  
現: 2015-04-17 (金) 22:03:03 nao-pon[3] ソース[4]
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 のバックアップ差分(No. All)
ページ別名: 未設定
ページオーナー: nao-pon
サイト管理者: nao-pon

Links list

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

  1. (This host)/modules/UsersWiki/index.php?cmd=backup&pgid=1095&age=Cur&action=source
  2. (This host)/modules/UsersWiki/person/nao-pon/blog/2015-04-17
  3. (This host)/userinfo.php?uid=1
  4. (This host)/modules/UsersWiki/?cmd=backup&pgid=1095&action=source&age=Cur