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

プラグインを削除し、問題が再発するまで一度に1つずつ再追加します。

于 2012-06-18T11:56:53.970 に答える
0

一部のJqueryファイル（おそらく追加されたプラグインからのもの）がコードと競合している可能性があります。WPプラグインに含まれているjqueryファイルのいくつかをコメントアウトしてみてください。通常、白紙の状態から始めて、ファイルを1つずつ追加すると、問題の原因となっているファイルを見つけることができます。

于 2012-06-18T11:57:46.477 に答える