1

Jqueryタブを作成するために、次のことを試しました。

    <div id="tabs">
    <ul>
      <li><a href="#tabs-1">First</a></li>
      <li><a href="#tabs-2">Second</a></li>
      <li><a href="#tabs-3">Third</a></li>
    </ul>
    <div id="tabs-1">
      <p>Tab 1 content</p>
    </div>
    <div id="tabs-2">
      <p>Tab 2 content</p>
    </div>
    <div id="tabs-3">
     <p>Tab 3 content</p>
    </div>
    </div>  

    <script type="text/javascript" language="javascript">
    $(document).ready(function () {

        $("#tabs").tabs();

    });
    </script>

私が示すのは次のとおりです。

First
Second
Third

タブ1のコンテンツ

タブ2の内容

タブ3の内容

必要なjqueryライブラリがありませんか？どちらを使うべきですか？

4

2 に答える 2

2

jQuery UI cssおよびjsファイルを含めましたか？このようにCDNから追加できます。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
于 2012-07-25T16:36:53.187 に答える
0

jQuery UI css ファイルを含める必要があります。

申請するtabs()と、次のようなクラスが設定されます。ui-tabs-hide

ただし、jQuery UI CSS ファイルがないと、ブラウザーはこの要素を非表示にすることを認識できません。

Google Chrome を使用して要素を検査すると、要素に追加されたクラスが表示されます。例としてjsfiddleを提供しました：

http://jsfiddle.net/TjNAw/

次のテーマ ローラーから jQuery UI CSS ファイルをダウンロードしてカスタマイズできます。

http://jqueryui.com/themeroller/

于 2012-07-25T16:38:09.880 に答える