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

从jQuery 1.7开始，不推荐使用.live（）方法。使用.on（）附加事件处理程序。

它的工作方式是这样的：

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

在DOM的静态顶级元素（动态节点的上升）上调用“on”，然后选择动态节点。当事件触发上升时，jquery搜索选择器（在我的情况下为“.something_dynamic”），如果它在那里被触发，则在event.data中调用处理程序并放入数据（{'anydata'：True}在我的情况下）

Answer 2

改为使用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);
    });
});

如何在.live中使用这个jQuery代码？

2 个答案: