0

画像にいくつかのjQueryエフェクトを使用しています。しかし、[さらに読み込む]ボタンをクリックすると、JQueryの次の画像が機能しなくなります。問題はドムの準備ができています。だから、私は.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>');
    });
});
4

2 に答える 2

1

jQuery 1.7 以降、.live() メソッドは非推奨になりました。.on() を使用して、イベント ハンドラーをアタッチします。

仕組みは次のとおりです。

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

DOM の静的最上位要素 (動的ノードの上位) で「on」を呼び出してから、動的ノードを選択します。イベントがアセンダントでトリガーされると、jquery はセレクター (私の場合は ".something_dynamic") を検索し、そこでトリガーされた場合は、ハンドラーを呼び出してデータ (私の場合は {'anydata':True}) を event.data に入れます。

于 2012-04-19T14:05:29.057 に答える
0

on()代わりに使用してください。

1.

$(".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);
    });
});
于 2012-04-19T14:03:24.907 に答える