2013-07-16 27 views
0

外部鏈接這一點,否則正常工作。jQuery的easytabs - 如何通過<a href="http://os.alfajango.com/easytabs/" rel="nofollow">http://os.alfajango.com/easytabs/</a></p> <p>我想包括在標籤中的一個,但它不工作的外部鏈接,包括jQuery的easytabs在標籤

這裏是我的設置:

頭:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#tab-container').easytabs(); 
}); 
</script> 

標籤:

<div id="tab-container" class="tab-container"> 
    <ul> 
    <li class="tab"><a href="#tab1">Tab 1</a></li> 
    <li class="tab"><a href="#tab2">Tab 2</a></li> 
    <li class="tab"><a href="/external-link.html">External Link</a></li> 
    <li class="tab"><a href="#tab4">Tab 4</a></li> 
    </ul> 

我尋覓了一圈,發現了幾個提到有關如何做到這一點,但他們沒有工作了我,所以任何建議都非常感謝。

非常感謝!

+0

爲什麼不你嘗試ajax加載,因爲你給定的鏈接也表明在'可用選項'選項卡中? –

+0

謝謝DKM,就是這樣。 –

回答

1

爲了讓easytab包括來自你應該添加數據目標的外部鏈接頁面屬性 因此您的代碼現在是

<div id="tab-container" class="tab-container"> 
<ul> 
    <li class="tab"><a href="#tab1">Tab 1</a></li> 
    <li class="tab"><a href="#tab2">Tab 2</a></li> 
    <li class="tab"><a href="/external-link.html" data-target="#tabs-ajax-js">External Link</a></li> 
    <li class="tab"><a href="#tab4">Tab 4</a></li> 
    </ul> 
<div> 

我希望它的工作與你:)

相關問題