Javascript jQuery不支持ajax分页

我正在使用jQuery为我的产品在悬停时显示一个覆盖div。然而，我也有AJAX分页。覆盖层在“第1页”上可以正常工作，但在“第2页”上则不行

覆盖JS：

jQuery(function () {

jQuery('.proditem').hover(function () {
    jQuery('.productoverlay', this).stop().css({
        "opacity": 0.3
    }, "fast");
},

function () {
    jQuery('.productoverlay', this).stop().css({
        "opacity": 0
    }, "fast");
});
});

调用“第2页”以在同一页上显示的ajax

jQuery.ias({
    container : '.category-products',
    item: '.proditem',
    pagination: '.toolbar .pager',
    next: '.next',
    loader: '<img src="images/ajaxscroll/loader.gif" /> Loading more products'
});

jQuery.ias({
容器：“.类别产品”，
项目：'.proditem'，
分页：'.toolbar.pager'，
下一个：‘。下一个’，
加载器：“加载更多产品”
});

不确定这是否是足够的信息？ajax分页是一个插件

请帮帮我，也许我遗漏了一些简单的东西

谢谢

---

Mike

只有在加载页面时才会执行覆盖的jQuery。所以它只对当时页面上的元素起作用。当您使用新元素替换它们时（使用AJAX获取第二个页面时就是这样），您必须再次运行初始化代码，因此它也适用于新元素

jQuery('body').on({
    'mouseover':  function () {
        jQuery('.productoverlay', this).stop().fadeTo('fast', 0.3);
    },
    'mouseout': function () {
        jQuery('.productoverlay', this).stop().fadeTo('fast', 0.3);
    }
}, '.proditem');

此代码适用于尚不存在的元素

正如下面的评论中所建议的，更好的方法是将“.proditem”的“body”替换为最接近的父元素，该父元素在AJAX分页后不会改变

---

别忘了在up的评论中找到有用的补丁：）

所有发布的代码看起来都很奇怪。

css（）

方法没有持续时间，看起来您应该使用

animate（）

，因为这是您正在使用的语法。ajax调用的第二段代码如果不了解所用插件的更多信息是不可能理解的？啊，好的，当加载新元素时，我将如何再次运行它？将初始化代码放在单独的函数中。在DOM就绪和AJAX调用成功时调用此函数。后者可能是个问题，因为我认为您自己不会执行AJAX调用。我不太熟悉这种分页功能，但现在您知道问题所在了，也许您可以找到一种功能，允许您在加载新页面后运行函数。显然，您正在使用，这不是完全分页。无论如何，在我链接的那个页面上的评论中，一位Barty提到了同样的问题。解决方案：显然，存在一个onRenderComplete事件，允许您在加载其他内容时采取特定的操作。这是正确的答案，我唯一的两个建议是使用css不透明度来实现跨浏览器兼容性。绑定最接近的“持久”元素而不是

，可能有某种

？太好了！谢谢！洛塔·洛夫：）谢谢，西内塔更新了我的答案。迈克·米德，不客气：）