0

我在我的图像上使用了一些 jQuery 效果。但是当我单击加载更多按钮时,不要使用 JQuery 下一个图像。问题是 Dom 准备好了。所以,我想将我的 jQuery 代码与 .live 一起使用,但我不知道如何使用 .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 回答