.liveでこのjQueryコードを使用するには？

Question

私は画像にいくつかのjQueryエフェクトを使用しています。しかし、もっとボタンをロードするをクリックすると、JQueryの次のイメージを操作しないでください。問題はDomです。だから、私は.liveでjQueryコードを使用したいが、私は.liveの使い方を知らない。

私は助けてくれてありがとう。

1：

 var hoverImg = '<div class="hoverimg"></div>'; 

$(".thumb").each(function(){ 
    $(this).children("div").each(function(){ 
     $(this).find("a").append(hoverImg); 
    }); 
}); 

$(".thumb div").hover(function() { 
    $(this).find(".hoverimg").animate({ opacity: 'toggle' }); 
}); 

$(".thumb").hover(function() { 
    $(this).find("div").each(function(){ 
     $(this).find(".shadow").fadeOut(500); 
    }); 
}); 

2：

var shadowImg = '<div class="shadow"></div>'; 

$(".thumb").each(function(){ 
    $(this).children("div").each(function(){ 
     $(this).append(shadowImg); 
    }); 
}); 

3：代わり

var c = ''; 
var d = ''; 
$('.view-content div.views-row').each(function(){ 
    c = 0; 
    d = 0; 
    var i = 1; 
    d = $(this).find('.thumbimg').length; 
    $(this).find('.thumbimg').each(function(){ 
     sayi=i++; 
     $(this).append('<div class="img_no">0'+sayi+'</div>'); 
    }); 
}); 

Answer 1

使用on()。 jQueryの1.7のよう

$(".thumb div").on("hover", function() { 
    $(this).find(".hoverimg").animate({ opacity: 'toggle' }); 
}); 

$(".thumb").on("hover", function() { 
    $(this).find("div").each(function(){ 
     $(this).find(".shadow").fadeOut(500); 
    }); 
}); 

Answer 2

、.live（）メソッドは推奨されています。 .on（）を使用してイベントハンドラをアタッチします。

それが動作する方法は、このようなものです：

$('#select_something_static').on("click", ".something_dynamic", {'anydata':True}, handler); 

あなたは「上」DOMの静的トップレベルの要素（ダイナミックノードの日の出の勢い）を呼び、その後、動的なノードを選択します。私の場合、セレクタ（ ".something_dynamic"）を検索し、イベントがトリガされた場合、event.dataのhandlerとputsデータ（{'anydata'：True}）を呼び出します。