Question

我想在php页面中使用两个jquery脚本，但两个jquery脚本彼此冲突

这里是我的代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="topslider/lib/jquery.jcarousel.min.js"></script>

冲突的Jquery脚本

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
 <script>
  $(function() {
  $( "#datepicker" ).datepicker();
  });
  </script>

Answer 1

最好的办法是只包含jQuery 一次。我肯定会完全避开v1.4.2，这已经过时了几年。甚至1.8.3也是几个版本，也许看看使用最新版本（1.9.2）。（正如leftclickben在评论中指出的那样，你可以使用更新版本的jQuery UI，1.10.1。）

所以如果您使用的旋转木马与最新的旋转木马兼容，那么这可能会有效：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.2/jquery.min.js"></script>
<script type="text/javascript" src="topslider/lib/jquery.jcarousel.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>

请注意，我已将Google CDN用于jQuery和jQuery UI。

如果您绝对必须包含jQuery的两个副本，您可以，但我强烈建议您避免使用它，并且它要求您正在使用的插件已正确编写（通过没有保证）：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="topslider/lib/jquery.jcarousel.min.js"></script>
<script>
var jq142 = jQuery.noConflict(true);
</script>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

现在，jq142引用jQuery 1.4.2，而jQuery和$都引用jQuery 1.8.3。

但是，我会避免这种情况。如果您有需要jQuery 1.4.2的插件，我建议您查找维护的替换。

Answer 2

因此。在我看来。你只能使用1个jQuery src和插件。我喜欢最新版本。喜欢 https://code.jquery.com/jquery-3.3.1.js和插件来编辑，操作，动画你的工作，如旋转，textillate，旋转。完美的jquery编辑器

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://raw.githubusercontent.com/wilq32/jqueryrotate/master/jQueryRotate.js"></script>
<script src="textillate.js"></script>
<script src="lettering.js"></script>

对我而言，它的工作绝对正常。

jquery与jquery冲突

2 个答案: