bind 関数をデリゲートに変換したいのですが、最初のページの読み込み後にページに追加された新しい要素でイベントがトリガーされるように変更したいと考えています。どうすれば変更できますか?
このコードを変更したい
$(".user").bind("mouseenter", fnShowUserHover);
bind 関数をデリゲートに変換したいのですが、最初のページの読み込み後にページに追加された新しい要素でイベントがトリガーされるように変更したいと考えています。どうすれば変更できますか?
このコードを変更したい
$(".user").bind("mouseenter", fnShowUserHover);
$(document).delegate(".user", "mouseenter", fnShowUserHover);
デリゲートに .on() を使用している場合
$('parentelement').on('mouseenter','.user',fnShowUserHover);
または .delegate()
$('parentelement').delegate('.user','mouseenter',fnShowUserHover);
on() を使用します。
$("body").on("mouseenter", ".user", fnShowUserHover);
(要素body
の共通の親を選択する代わりに).user
デリゲートを使用すると、具体的に書くことができます
$("body").delegate(".user", "mouseover", fnShowUserHover);