0

このコードの何が問題になっていますか? タブが機能しない:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1"><span class="tabs-1">Dados Um</span></a>

        </li>
        <li><a href="#tabs-2"><span class="tabs-2">Dados Dois</span></a>

        </li>
        <li><a href="#tabs-3"><span class="tabs-3">Dados Três</span></a>

        </li>
        <li><a href="#tabs-4"><span class="tabs-4">Dados Quatro</span></a>

        </li>
        <li><a href="#tabs-5"><span class="tabs-5">Dados Cinco</span></a>

        </li>
        <li><a href="#tabs-6"><span class="tabs-6">Dados Seis</span></a>

        </li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
    <div id="tabs-4"></div>
    <div id="tabs-5"></div>
    <div id="tabs-6"></div>
</div>

そしてJS：

$(document).ready(function () {
    $("#tabs").tabs();

    $('.tabs-2').bind("click", tabs2);
    $('.tabs-3').bind("click", tabs3);
    $('.tabs-4').bind("click", tabs4);
    $('.tabs-5').bind("click", tabs5);
};

function tabs2() {
    alert("hi");
};

そしてJSFiddleはこちら

4

2 に答える 2

0

http://jsfiddle.net/y2FCK/1/を確認してください

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

$('.tabs-2').bind("click", tabs2);
$('.tabs-3').bind("click", tabs3);
$('.tabs-4').bind("click", tabs4);
$('.tabs-5').bind("click", tabs5);

function tabs3() {
   alert("clicked tab3");
};

Jquery UI js をフィドルに追加し、プロジェクト ファイルにも同じものを含める必要があります。

 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
于 2013-11-08T13:18:25.417 に答える
0

これをチェックしてください：http://jsfiddle.net/Aw43k/1/

JSFiddle の問題は、jQuery と jQueryUI が欠落していたことにあるようです。また、ready 関数の jQuery は必要ありません。

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

$('.tabs-2').bind("click", tabs2);
$('.tabs-3').bind("click", tabs3);
$('.tabs-4').bind("click", tabs4);
$('.tabs-5').bind("click", tabs5);

function tabs2() {
  alert("hi");
}
于 2013-11-08T13:12:50.820 に答える