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

Question

在我的 HTML 页面中，我有一个带有两个 li 标签的 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>

当点击 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/