jQuery / Javascript冲突

时间:2013-03-04 18:07:02

标签: javascript jquery

我对网络开发相当新,但我相信我与我的jQuery / javascripts有冲突(我不完全确定哪一个)。我的网站有一个下拉菜单和一个图像选择器。当两个脚本一起存在时,它们将无法工作。无论哪一个首先出现,都是后者。我相信实际导致问题的2个脚本是" js / jquery-1.js"和" js / global-perf-minified.js"但这里是我页面中使用的所有脚本:

<script src="js/jquery-1.js" type="text/javascript"></script>    

<script type="text/javascript" src="js/hoverIntent.js"></script>

<script type="text/javascript" src="js/superfish.js"></script>

<script src="js/app.js" type="text/javascript"></script>

<script src="js/product.js" type="text/javascript"></script>

<script src="js/searchsuggest.js" type="text/javascript"></script>

<script src="js/full.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery_004.js"></script>

<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/easing.js" type="text/javascript"></script>

<script src="js/slider.js" type="text/javascript"></script>

<link href="css/colorbox.css" type="text/css" rel="stylesheet">

<script src="js/jquery_007.js" type="text/javascript"></script>

<link href="js/cloud-zoom.css" type="text/css" rel="stylesheet">

<script src="js/cloud-zoom.js" type="text/javascript"></script>

<script type="text/javascript" src="js/utag_008.js"></script>

<script type="text/javascript" src="js/script.js"></script>

<script src="js/global-perf-minified.js" type="text/javascript"> </script>

<script type="text/javascript" src="js/product-minified.js"></script>

我看到一些关于添加&#39; .noconflict()&#39;风格,但似乎没有多少运气。我愿意接受我可能只是插错了/为此选择了错误的代码。任何帮助是极大的赞赏!谢谢。

1 个答案:

答案 0 :(得分:0)

可能重复:

<script src="js/jquery-1.js" type="text/javascript"></script> 
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery_004.js"></script>
<script type="text/javascript" src="js/jquery_004.js"></script>

多次声明jquery ....更好地检查它们并查看它们是否重复;)

----------------- EDIT ---------------------------

现在你的代码应该只有一个jquery:

    <script src="js/jquery.js" type="text/javascript"></script>

    <script type="text/javascript" src="js/hoverIntent.js"></script>

    <script type="text/javascript" src="js/superfish.js"></script>

    <script src="js/app.js" type="text/javascript"></script>

    <script src="js/product.js" type="text/javascript"></script>

    <script src="js/searchsuggest.js" type="text/javascript"></script>

    <script src="js/full.js" type="text/javascript"></script>

    <script src="js/easing.js" type="text/javascript"></script>

    <script src="js/slider.js" type="text/javascript"></script>

    <link href="css/colorbox.css" type="text/css" rel="stylesheet">

    <link href="js/cloud-zoom.css" type="text/css" rel="stylesheet">

    <script src="js/cloud-zoom.js" type="text/javascript"></script>

    <script type="text/javascript" src="js/utag_008.js"></script>

    <script type="text/javascript" src="js/script.js"></script>

    <script src="js/global-perf-minified.js" type="text/javascript"> </script>

    <script type="text/javascript" src="js/product-minified.js"></script>

如果你遇到问题,那么尝试只放两个或三个j,如下:

    <script src="js/jquery.js" type="text/javascript"></script> 

    <script type="text/javascript" src="js/hoverIntent.js"></script>

    <script type="text/javascript" src="js/superfish.js"></script>

如果使用这两个,然后添加其他人,直到找到与其他js创建错误或问题(冲突)的那个;)

Saludos。