0

这是我网站上的以下代码，位于我的 <head> 标签下。用于“横幅代码”的 jQuery 文件和用于“粘性导航”的 jQuery 文件之间存在冲突，如下所示：

<!--Banner Code-->
    <script type='text/javascript' src='js/banner/jquery.min.js'></script><!--older version jQuery-->
    <script type='text/javascript' src='js/banner/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='js/banner/jquery.easing.1.3.js'></script> 
    <script type='text/javascript' src='js/banner/camera.min.js'></script> 

    <script>
      jQuery(document).ready(function() {

            jQuery('#camera_wrap_4').camera({
                height: 'auto',
                loader: 'bar',
                pagination: false,
                thumbnails: false,
                hover: false,
                opacityOnGrid: false,
                imagePath: 'images/banner'
            });

        });
    </script>
<!-- End of Banner Code-->



<!--Sticky Navigation-->
<script type="text/javascript" src="js/jquery.js"></script><!--NEWER version jQuery-->
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script>
  $(document).ready(function(){
    $("#nav").sticky({topSpacing:0});
  });
</script>
<!--Sticky Navigation close-->
4

2 回答 2

2

首先，您永远不需要使用 2 个不同版本的 jQuery。始终尝试找到与您需要的插件兼容的版本和|或使用与您打算支持的浏览器兼容的最新版本。如果其中一个插件只适用于非常旧的 jQuery 版本（如 1.43 及以下版本），那么您应该真正考虑使用不同的插件，因为该插件可能不再定期提供服务。

所以你的头看起来应该更像：

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script><!--older version jQuery-->
<script type='text/javascript' src='js/banner/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='js/banner/jquery.easing.1.3.js'></script> 
<script type='text/javascript' src='js/banner/camera.min.js'></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>

<script>
    $(function() {
        $('#camera_wrap_4').camera({
            height: 'auto',
            loader: 'bar',
            pagination: false,
            thumbnails: false,
            hover: false,
            opacityOnGrid: false,
            imagePath: 'images/banner'
        });

        $("#nav").sticky({topSpacing:0});
    })
</script>

然而！

如果你绝对坚持使用一些老鲤鱼，有一个解决方案。

<script type='text/javascript' src='js/banner/jquery.min.js'></script><!--older version jQuery-->
<script type='text/javascript' src='js/banner/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='js/banner/jquery.easing.1.3.js'></script> 
<script type='text/javascript' src='js/banner/camera.min.js'></script>

<script>
    var jqOld = jQuery.noConflict();
    jqOld(function() {
        jqOld('#camera_wrap_4').camera({
            height: 'auto',
            loader: 'bar',
            pagination: false,
            thumbnails: false,
            hover: false,
            opacityOnGrid: false,
            imagePath: 'images/banner'
        });
    })
</script>

<script type="text/javascript" src="js/jquery.js"></script>
<script>
    var jqNew = jQuery.noConflict();
    jqNew(function() {
        jqNew("#nav").sticky({topSpacing:0});
    })
</script>

...我认为这是正确的...

在这里阅读更多

和这里

和这里

和这里

 http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/

请记住，jQuery 是 interwebz 上最受支持的 JS 库！为您使用的一些旧鲤鱼找到一个更新的“更好”插件从来都不是很难。一般在谷歌上大约需要 5-10 分钟……如果那样的话！

于 2013-07-08T23:06:02.713 回答
0

jquery.min.js文件和jquery.js是不同的版本吗？尝试删除 jquery.min.js 并将 jquery.js 放在其他的顶部

于 2013-07-08T22:48:36.260 回答