0

私はJQUERYにまったく慣れておらず、JQUERY UIタブを使用する必要があるプロジェクトがあります。1つのUIタブをダウンロードし、ここにリストされているすべての手順に従いました 。私のhtmlコードは次のとおりです。

   <div id="tab">
    <ul class="tabs">
        <li><a href="#tabs-1">Tab1</a></li>
        <li><a href="#tabs-2">Tab2</a></li>
        <li><a href="#tabs-3">Tab3</a></li>
    </ul> 
    <div class="tab-content" id="tabs1">Tab1</div>
    <div class="tab-content" id="tabs2">Tab2</div>
    <div class="tab-content" id="tabs3">Tab3</div> </div>

そして私のJQUERY関数は：

    <script type="text/javascript">

    $(document).ready(function () {
        $('#tab').tabs();
    });
</script>

問題は、ページを実行すると、次のように出力が表示されることです。 これ

そして私はTABSでナビゲートすることはできません...私はこの点であなたの親切な助けに心から感謝します

事前に感謝し、あなたの迅速な助けを探しています

4

2 に答える 2

3

タブボタンのリンク：

<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
<li><a href="#tabs-3">Tab3</a></li>

idタブの属性と一致する必要があります。リンクはtabs-1、、tabs-2をtabs-3使用しますが、タブは、、、を使用tabs1しtabs2ますtabs3。

デモ： http： //jsfiddle.net/ambiguous/kbfjS/

于 2012-07-21T05:40:08.280 に答える
0

コンテンツdivの名前をこれに変更します。ダッシュが表示され-ます。

<div class="tab-content" id="tabs-1">Tab1</div>
<div class="tab-content" id="tabs-2">Tab2</div>
<div class="tab-content" id="tabs-3">Tab3</div>
于 2012-07-21T05:40:23.347 に答える