Question

我的网站右侧边栏中的jQuery切换在我获取脚本src代码后立即停止工作。它应该仍然有效，因为jquery被我网站上安装的其他插件加载但不是。

点击进行预订时，切换会打开。

<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，我猜它们会崩溃。

Answer 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，您应该回家。

Answer 2

首先 - 不要使用额外的jquery include

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

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

WP边栏jQuery Toggle不起作用

2 个答案: