2017-07-19 55 views
0

我試圖使用Semantic-ui Tab模塊。它正在工作。Semantic-ui:單擊標籤時停止URL更改

HTML代碼:

<div class="ui large modal" id="some-modal"> 
    <div class="ui top attached tabular menu"> 
     <div class="item" data-tab="first">first</div> 
     <div class="item" data-tab="second">second</div> 
     <div class="item" data-tab="third">third</div> 
    </div> 
    <div class="ui bottom attached tab segment" data-tab="first"> 
     first tab content 
    </div> 
    <div class="ui bottom attached tab segment" data-tab="second"> 
     second tab content 
    </div> 
    <div class="ui bottom attached tab segment" data-tab="third"> 
     third tab content 
    </div> 
</div> 

JavaScript代碼:

$('.menu .item').tab(); 

什麼是製造麻煩:

當任何選項卡單擊默認功能是它更改頁面的網址t o data-tab屬性的值。例如。當有人點擊標籤-1時,url更改爲http://localhost#/first(因爲tab-1的data-tab屬性值爲「first」)。

有什麼方法可以阻止這種情況的發生。網址的這種改變擾亂了我的其他功能。否則,我需要在我的應用程序中進行太多更改才能使其正常工作。

感謝

回答

1

按照document

只需簡單設置歷史假

$('.menu .item').tab({history: false}); 
+0

謝謝... :)誤錯過了文檔的一部分。 –