頁面刷新時如何從url中刪除某些部分？

Question

在我的HTML頁面我有一個UL類有兩個李標籤，每一個指向每個表如下所示

 <li class='default'><a href="#one">Data</a></li> 
    <li><a href="#two">Chart</a></li> 


    <table id="one" class="tab-content-1 table table-striped"> 
    </table> 
    <table id="two" class="tab-content-1 table table-striped">       
    </table> 

當在L1標籤點擊的URL看起來這樣

......./index.html#one 

OR 

......./index.html#two 

所以，現在當用戶按F5（重新加載頁面）

如何從URL刪除#one或#two？

，這樣它看起來

......./index.html 

http://jsfiddle.net/jq4f69cz/29/

可否請你讓我知道如何解決這個問題？

在此先感謝。

Answer 1

使用data-*屬性來設置元素的id顯示嘗試，掩飾，不應該改變location.href包括散列時a元素點擊

HTML

<li class='default'><a data-href="#one">Data</a></li> 
    <li><a data-href="#two">Chart</a></li> 

CSS

li a:hover { 
    cursor:pointer; 
} 

js

var tabclicked = $(this).find("a").attr("data-href"); 

的jsfiddle http://jsfiddle.net/jq4f69cz/32/