jquery-ui - 选定的选项卡链接到原始链接位置

Question

我正在使用 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。

Answer 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");
});