0

我想在 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>
4

2 回答 2

2

最好的办法是只包含一次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>

请注意，我对 jQuery 和 jQuery UI 都使用了 Google CDN。

如果您绝对必须包含 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 的插件，我建议您找到维护的替代品。

于 2013-03-01T09:08:27.517 回答
0

所以。在我看来。你应该只使用 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>

对我来说，它工作得非常好。

于 2018-02-24T13:53:02.400 回答