2012-11-14 170 views
-2

我试图制作带有选项卡式内容的页面。我正在使用基础选项卡(http://foundation.zurb.com/docs/tabs.php)。刷新页面并更改URL的ID

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

我该怎么办?

回答

2

当您在点击时调用JS时,它会在默认操作之前运行。您重新加载没有哈希标签的页面。

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

您还可以使用等功能,动态获取的ID。


对不起,我的英语不好。^-^

+0

工作:)!谢谢您的帮助。 – euDennis

0

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

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

这是如果你希望你的标签之间的切换反映在浏览器的历史。如果您不希望在浏览器历史记录中留下标记,您应该想要拦截链接点击,提取href以仅用作指示显示哪个标签,执行标签更改并防止浏览器跟随链接(这样就不会发生实际的哈希变化)