Question

两个代码不能一起工作，如果我删除一个，那么另一个工作正常。请帮我解决这个冲突。

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js">                         <script>
    <script src="js/social/socialbars.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/social.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script src="js/jquery.tools.min.js"></script>
    <script>
    $(function () {
        $("#prod_nav ul").tabs("#panes > div", {
            effect: 'fade',
            fadeOutSpeed: 400,
            autoPlay : {
         enabled : true,
         delay: 1500
    }
        });
    });
    </script>


    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-36251023-1']);
      _gaq.push(['_setDomainName', 'jqueryscript.net']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>

Answer 1

尝试以下

1）首先包含jquery插件，

2）然后是jquery-ui，

3）然后你的自定义js文件正在使用2个插件。

Answer 2

您可以尝试使用jQuery.noConflict()功能

同一页面上的两个jquery代码无法正常工作

2 个答案: