1

获取脚本 src 代码后，我网站右侧边栏中的 jQuery 切换停止工作。它应该仍然可以工作，因为我的网站上安装的其他插件正在加载 jquery，但事实并非如此。

网站链接：http: //goo.gl/XuanJ

当您单击进行预订时，切换会打开。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>*
<script type="text/javascript">
$(document).ready(function() {
   $('a.res-toggle').click(function() {
      $('#reservation-box').toggle(400);
      return false;
   );
});
</script>

如果我保留此代码

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>

然后我网站上的滑块无法正常工作，因为它正在尝试导入最新的 jquery，我猜它们会崩溃。

4

2 回答 2

1

解决方案之一是将这个代码块移动到一个单独的文件中，比如 togglefunctionality.js 并将它放在 /wp-includes/js/jquery/ 目录中，然后像下面这样调用它。

<script type="text/javascript">
$(document).ready(function() {
 $("#side-res-open").click(function() {
 $('#reservation-box').toggle(400);
     return false;
 });
});
</script>

如果您仍然看到一些冲突，并且只想在页面上显示此内容。然后替换$为jQuery，您应该在家。

于 2013-02-21T21:09:17.300 回答
0

首先 - 不要使用额外的 jquery 包括

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

然后，在无冲突模式下使用 jquery：http: //api.jquery.com/jQuery.noConflict/

于 2013-02-21T13:48:21.620 回答