冲突的jQuery - 动态菜单会干扰加载的jQuery内容?

时间:2014-05-08 09:19:33

标签: javascript jquery html css dynamic

目前我正在使用jquery.ba-hashchange.min.js和dynamicpage.js从索引页面动态加载内容,从而将标题保存在一个文件中。但是,jquery.ba-hashchange.min.js干扰了我内容中的其他jQuery。

内容中无效的代码如下:

$(".thumbnails").on("mouseover mouseout", 'img', function () {
    var alt = $(this).attr('alt');
    $('.displayed-image > img').each(function(index, element) {
        var el = $(element),
            visibility = el.attr('alt') === alt ? 'visible' : 'hidden';
        el.css('visibility', visibility);
    });
});

当用户将鼠标悬停在缩略图上时,此代码会隐藏图像。你可以在这里看到http://intelligen.info/instagram-randoms.html

但是,如果您使用索引页面顶部的菜单导航到此内容,请http://intelligen.info 个人> Instagram Randoms ,代码无效。谁能告诉我如何让代码与菜单一起使用?

1 个答案:

答案 0 :(得分:0)

在使用jquery 中设置没有冲突示例:

 <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>


 <script> var jquery_ui_1_10_4_custom = $.noConflict(true); </script>