選定標籤鏈接到原始鏈接位置

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