如何在页面刷新时从url中删除某些部分？

Question

在我的HTML页面中，我有一个ul类，其中有两个li标记，每个标记都指向每个表，如下所示

     <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>

单击li标记时，url如下所示

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

OR

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

所以现在当用户按下F5 (重新加载页面)时

如何从URL中删除#one或#two ?？

这样看起来就像

......./index.html

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

你能告诉我如何解决这个问题吗？

提前谢谢。

Answer 1

尝试使用data-*属性将元素的id设置为显示、隐藏，这样在单击a元素时不应将location.href更改为包含散列

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/