1

以下のコードでは、どのアラートも呼び出されていませんか?

<head>
<script src='../../Scripts/jquery/jquery.js' type='text/javascript'></script>
<link rel="stylesheet" href="../../content/jquery-tabs/jquery.tabs.css" type="text/css" media="print, projection, screen">
<script src="../../Scripts/jquery-tabs/jquery.history_remote.pack.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-tabs/jquery.tabs.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#tabs").tabs();
    });

    $(document).ready(function() {
        $('#tabs').bind('tabsselect', function(event, ui) {

            // Objects available in the function context:
            alert(ui.tab);     // anchor element of the selected (clicked) tab
            alert(ui.panel);   // element, that contains the selected/clicked tab contents
            alert(ui.index);   // zero-based index of the selected (clicked) tab
        });
    });


</script> 

</head>
<body>

<h2>
    TestTabs</h2>
<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>1 Info</span></a></li>
        <li><a href="#fragment-2"><span>2 Info</span></a></li>
        <li><a href="#fragment-3"><span>3 Info</span></a></li>
        <li><a href="#fragment-4"><span>4 Info</span></a></li>
    </ul>
    <div id="fragment-1">
        <h2>TestTabs</h2>
    </div>
    <div id="fragment-2">
        <h2>TestTabs</h2>
    </div>
    <div id="fragment-3">
        <h2>TestTabs</h2>
    </div>
    <div id="fragment-4">
        <h2>TestTabs</h2>
    </div>
</div>

4

2 に答える 2

2

それは私のために働く。

現在のバージョンの jQuery UI を使用していることを確認してください。

スクリプト エラーは発生しますか?

于 2010-01-03T16:45:31.100 に答える
2

コードは正しいように見えます。これは、次の 2 つのいずれかである可能性が高いことを意味します。

  1. ページ上の別の JS エラー
  2. UI ライブラリ + タブが正しく含まれていません

私の推測では #2 です。そのため、機能していることを再確認する必要があります。キックについては、 http://jqueryui.com/downloadページに戻り、[すべてのコンポーネントの選択を解除] をクリックしてから、[タブ] をクリックして と のみを選択しcoreますtabs。次に、「テーマなし」を選択してダウンロードします。jsファイルの代わりにそのファイルを使用してtabs.min.js、それが機能するかどうかを確認してください。

最後に、使用している jQuery + jQuery UI のバージョンが一致していることを確認してください。jQuery 1.3 以降の場合は、jQuery UI 1.7.2 を使用します。jQuery 1.2.6 の場合は、jQuery UI 1.6 を使用します

于 2010-01-03T16:53:24.177 に答える