Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery脚本冲突或不工作_Javascript_Jquery - Fatal编程技术网

Javascript Jquery脚本冲突或不工作

Javascript Jquery脚本冲突或不工作,javascript,jquery,Javascript,Jquery,在我的prestashop网站上,我添加了无限滚动脚本,效果非常好。代码如下: <script type="text/javascript" src="/modules/infinitescroll/js/jquery.infinitescroll.dev.js"></script> <script type="text/javascript" src="/modules/infinitescroll/behaviors/masonry-isotope.js">

在我的prestashop网站上,我添加了无限滚动脚本,效果非常好。代码如下:

<script type="text/javascript" src="/modules/infinitescroll/js/jquery.infinitescroll.dev.js"></script>
<script type="text/javascript" src="/modules/infinitescroll/behaviors/masonry-isotope.js"></script>

<script type="text/javascript">
    infinite_scroll = {"loading":{"msgText":"","finishedMsg":"<em>No additional posts.<\/em>","img":"http:\/\/demo.boonex.com\/templates\/base\/images\/loading.gif"},"nextSelector":"#pagination_next > a","navSelector":".pagination","itemSelector":"#tiles > li","contentSelector":"#tiles","debug":true,"behavior":"masonry","callback":""};
        infinite_scroll.maxPage = 8;
        jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll, function(newElements, data, url) { eval(infinite_scroll.callback); });
</script>

无限滚动={“加载”:{“msgText”:“finishedMsg”:“无其他帖子”,“img”:“http:\/\/demo.boonex.com\/templates\/base\/images\/loading.gif”},“nextSelector”:“pagination\u next>a”,“navSelector”:“pagination”,“itemSelector”:“tiles>li”,“contentSelector”:“tiles”,“debug”:true,“behavior”:“砖石”,“回调”};
无限滚动.maxPage=8;
无限滚动(无限滚动,函数(新元素,数据,url){eval(无限滚动,回调);});
上述脚本适用于无限滚动条:

所以我的问题是

我有一个简单的jquery代码:

<script type="text/javascript">

    $(document).ready(function () {
        $(".item").hover(function () {
            $(this).find(".over").fadeToggle(1);
            return false;
        });
    });

</script>

$(文档).ready(函数(){
$(“.item”).hover(函数(){
$(this.find(“.over”).fadeToggle(1);
返回false;
});
});
它在每个产品上产生一个简单的悬停效果。它只在第一页上起作用,当我向下滚动并且Infinity scoller脚本开始工作后,我的悬停代码不再起作用

那么为什么会发生这种情况?如何解决此问题?

PS:我已经从头部删除了所有额外的javascript插件

这是CONSOLE显示的内容:

滚动前:

滚动后:
将事件委托给静态父元素

$(document).on('mouseover', '.item', function () {
    $(this).find(".over").fadeToggle(1);
    return false;
});

在滚动未绑定悬停事件后,似乎是动态生成的内容

使用委托绑定悬停事件:

$('#mainContainer').on('mouseenter', '.item', function(){
  $(this).find(".over").fadeToggle(1);
   return false;
});

然后在mouseleave上反转上面的代码。

你能看到控制台中是否有JS错误吗?下一组项目是动态生成的?悬停事件不会触发或其中的代码不工作?另外,您可以创建一个JSFIDLE以便我可以检查@Andrei我知道这只是我在评论部分提出的问题,你没有回答。你的问题与“MUKESH”相似,只是“mouseenter”对我来说更好!