刷新页面并更改URL的ID

时间:2012-11-14 15:39:41

标签: javascript html css zurb-foundation

我正在尝试制作带有标签内容的页面。我正在使用基础标签(http://foundation.zurb.com/docs/tabs.php)。

我在<dl></dl>元素旁边做了一个链接,如果我只使用<a href="#simple5">,它就不起作用了。我尝试使用javascript重新加载页面<a href="#simple5" onClick="window.location.reload( true );">,但也无效。

我该怎么办?

2 个答案:

答案 0 :(得分:3)

单击时调用JS,它将在默认操作之前运行。您重新加载没有主题标签的页面。

尝试使用JS添加ID:<a href="#" onClick="window.location = '#simple5'; window.location.reload(true);">

你也可以使用et函数并动态获取id。


抱歉我的英语不好。 ^ - ^

答案 1 :(得分:0)

您不必手动执行location.reload。导航到新哈希将更新URL而不重新加载页面。如果DOM中的元素具有ID simple5,则浏览器将滚动到该元素。

您也可以手动查看哈希更改事件(或针对不支持该事件的浏览器反复检查更改的URL),并执行切换到某个选项卡等操作。

如果您希望在标签之间切换,请反映在浏览器历史记录中。如果您不希望在浏览器历史记录中留下标记,则需要拦截链接点击,提取href以用作指示要显示的选项卡,执行选项卡更改以及阻止浏览器跟随链接(这样就不会发生实际的哈希变化)