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

选定的标签链接到原始链接位置

1 个答案: