2

我在 Wordpress 的头文件的头中有一些基本的 jquery 代码。它一直在工作，直到我交给它的客户添加了几个插件，如果可能的话，我宁愿不要关闭它们，因为这可能会导致其本身出现问题。

我正在尝试确定是否有一种简单的方法可以找出可能会干扰代码的内容（作为一个相对较新的 javascript 开发人员，我仍然习惯于控制台）。不仅适用于这种情况，而且适用于任何其他类似情况的解决方案也会很棒！

当我说它不起作用时，它只会显示所有应该隐藏的 div（根据代码）。控制台中没有出现错误。

该网站的代码如下：

<script type="text/javascript">
$(document).ready(function(){
    $("ul.tabs").tabs("div.panes", {tabs:'li'});
    });

</script>

我之前在一个基本的 HTML 文件中对此进行了测试，它工作正常；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("ul.tabs").tabs("div.panes", {tabs:'li'});
    });
</script>
</head>
<body>
<div class="tab_nav">
    <ul class="tabs">
        <li><a href="#">Most Recent</a></li>
        <li><a href="#">Most Viewed</a></li>
        <li><a href="#">Most Comments</a></li>
    </ul>
    <div class="clear"></div>
</div>
<div class="tab_content panes">
CONTENT ONE
</div>
<div class="tab_content panes">
CONTENT TWO
</div>
<div class="tab_content panes">
CONTENT THREE
</div>
</body>
</html>
4

3 回答 3

3

首先在无冲突模式下尝试 JQuery。

http://api.jquery.com/jQuery.noConflict/

（你必须使用jQuery而不是$），看看它是否有效。

于 2012-06-18T12:03:51.747 回答
0

删除插件，然后一次重新添加一个，直到问题再次出现。

于 2012-06-18T11:56:53.970 回答
0

一些 Jquery 文件（可能来自添加的插件）可能与您的代码冲突。尝试注释掉 WP 插件中包含的一些 jquery 文件。它通常有助于从一个干净的石板开始，然后一个一个地添加文件，这样你就会发现是哪一个导致了问题。

于 2012-06-18T11:57:46.477 回答