Javascript Jquery特定选项卡打开url而不是选项卡

正如标题所说，我想使用我的最后一个选项卡作为指向我网站中另一个网页的URL链接，而不必指定整个URL，我知道这可能需要某种javascript。下面是我尝试过的东西

<div id="tabs">
    <ul>
       <li> <a href="#tabs-1"> Tab 1</ a> </ li>
       <li> <a href="#tabs-2"> Tab 2 </ a> </ li>
       <li> <a href="#tabs-3"> Link </ a> </ li>
    </ul>

    <div id="tabs-1">
       <p> Tab 1 content </ p>
    </ div>
    <div id="tabs-2">
       <p> Tab 2 content </ p>
    </ div>
    <div id="tabs-3"></ div> //shouldn't be needed etc
</ div>.

但这种情况会发生：图像偏离中心，我假设这是因为双a href

---

有人有其他建议吗？我一直在寻找解决办法，但实际上什么也没有出现。谢谢。

我认为小jQuery代码将有助于：

$(function(){
  $('#tabs-3').click(function(){
    window.open("http://randomurl.com", '_blank');
  });
})

---

嵌套

如果我正确理解了这个问题，您可以在不使用javascript的情况下在新选项卡中打开最后一个链接。在html中，最后一个链接如下所示

<li><a href="http://example.com" class="external" target="_blank"> Link </a></li>



您只需添加target=“\u blank”
这将不起作用，因为jQuery阻止了链接的默认操作，而且还阻止了JSFIDLE测试。我不想打开空白页，因为这是我的代码，会打开回同一选项卡：
您没有说是否希望它在新选项卡中打开链接，或者在现有的环境中。此代码用于在现有选项卡/窗口中打开。您想在新选项卡中使用它吗？？我想使用我的上一个选项卡作为指向另一个网页的URL链接，如果不清楚，很抱歉，但我希望它作为一个普通链接，指向另一个URL，
“\u self”
您需要在
href
属性（从
http://
或
https://
开始）中有一个绝对URL，以便浏览器将其识别为外部。ok，我已经使用http://测试了您的代码，但它甚至不起作用。这个JavaScript代码是否需要写在tabs div的下面，或者可以写在标题中，最后，我必须是href='../index.php'，因此如果需要更改答案以适应这种格式，那么这段代码必须在div之前还是之后编写？因为我已经在我的标题中写了，如果你能把Js放在底部，它不会做任何更好的事情
<div id="tabs">
    <ul>
       <li><a href="#tabs-1"> Tab 1</a></li>
       <li><a href="#tabs-2"> Tab 2 </a></li>
       <li><a href="http://example.com" class="external"> Link </a></li>
    </ul>

    <div id="tabs-1">
       <p> Tab 1 content </p>
    </div>
    <div id="tabs-2">
       <p> Tab 2 content </p>
    </div>
</div>

$(document).ready(function(){
    $('#tabs').tabs();
    $('.external').click(function(){
        window.location.href=$(this).attr('href'); //opens in same tab/window

        //window.open($(this).attr('href'), '_blank'); //opens in new tab  
    });
});

<li><a href="http://example.com" class="external" target="_blank"> Link </a></li>