0

完全な jQuery 初心者なので、簡単に始めてください。

に次のjQueryファイルがあります<head>:-

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="jquery.ui.sortable.min.js"></script>
<script type="text/javascript" src="jquery.ui.tabs.min.js"></script>
<script src="./thesaurus/js/jquery.thesaurus.js" type="text/javascript"></script>

そして、次の doc ready 呼び出し:-

<script type="text/javascript">
$(document).ready(function()
{
$('#container').Thesaurus
({
   effect: 'fade',
   caseSensitive: true // Used when matching found terms against loaded ones
});
   var page2jQueryTabs1Opts =
   {
      event: 'click',
      collapsible: false
   };
   $("#page2jQueryTabs1").tabs(page2jQueryTabs1Opts);
});
</script>

私が抱えている問題は、シソーラスは完全に機能しますが、jQuery のタブ付きセクションは機能しないことです。

私は (何時間も!) 実験してきましjQuery.noconflict()たが、jQuery のインスタンスを 1 つしか使用していないため、時間を無駄にしているのではないでしょうか? そして、名前空間の変更への私の試み (それが私が試みてきたことだと思います!!) は惨めに失敗しました。記録のために、私は thesaurus.js を編集することができ、準備が整ったドキュメントの最初の部分を制御できますが、準備ができたドキュメントが作成されるシーケンス/順序を変更することはできません。つまり、$('#container').Thesaurus最初に表示する必要があり、編集することはできませんドキュメントの jQuery タブ部分が準備完了です。

暗闇の中で試行錯誤の編集を続けるのではなく、質問をします...マークアップにどのような変更を加える必要がありますか...またはシソーラス.jsファイル（ここにあります）。

今すぐアスピリンを飲みましょう！

編集:テストページ

4

2 に答える 2

0

編集：申し訳ありません。firebug がローカルでコードを更新して実行したと思ったのですが、そうではないようです... 以下のコードを試して、うまくいったかどうか教えてください...

Firebugで試してみましたが、うまくいきました。これを試して：

$(document).ready(function(){

    var page2jQueryTabs1Opts = {
       event: 'click',
       collapsible: false
    };
    $("#page2jQueryTabs1").tabs(page2jQueryTabs1Opts);

    $.noConflict();

    $('#container').Thesaurus({
       effect: 'fade',
       caseSensitive: true // Used when matching found terms against loaded ones
    });

});

タブとシソーラスの宣言を交換し、それらの間に $.noConflict() を配置しました。

于 2012-08-10T19:26:10.483 に答える
0

ここにあるオプションや外部調査のいずれを使用しても競合を解決できませんでしたが、DIV を呼び出す代わりに CSS クラスを使用するように行をjQuery no.Conflict()変更するだけで問題を解決できました。すべてが桃色になりました:)$('#container').Thesaurus({$('.someclass').Thesaurus({

助けようとしてくれた人たちに感謝します - いつものように、いつも感謝しています.

于 2012-08-14T17:27:06.197 に答える