0

jquery UI タブを使用してタブ付きコンテンツを作成しています。タブのタイトルを選択すると、元の場所にリンクしたい。

    $(function() {
  $("div.tabs").tabs("div.items > div"); 
    });

<div id="items">
    <div class="tabs">
    <div class="tab"><a href="http//www.example1.com">Tab title 1</a></div>
    <div class="tab"><a href="http//www.example2.com">Tab Title 2</a></div>
    <div class="tab"><a href="http//www.example3.com">Tab title 3</a></div>
    </div>
  </div>

タブ タイトル 1 を選択せず​​にクリックすると、タブの内容が表示されます。選択すると、タブ タイトル 1 は http://www.example1.com にリンクします。

4

1 に答える 1

1

タブが一度クリックされた場合はクラスを追加し、マウスダウンを使用してリンクをトリガーしました。

$(".tabs").tabs(".items > div"); 
$(".tabs .tab:first a").addClass("lasttab");
        $(".tabs .tab").mousedown(function() {
            if ($(this).find('a').hasClass("lasttab")) {
        window.location.href = $(this).find('a').attr('href');
    }
    $(".tabs .lasttab").removeClass("lasttab");
    $(this).find("a").addClass("lasttab");
});
于 2012-12-17T01:06:50.333 に答える