我试图制作带有选项卡式内容的页面。我正在使用基础选项卡(http://foundation.zurb.com/docs/tabs.php)。刷新页面并更改URL的ID
我在<dl></dl>
元素旁边建立了一个链接,如果我只使用<a href="#simple5">
,它就不起作用。我尝试了一个JavaScript来重新加载页面<a href="#simple5" onClick="window.location.reload(true);">
,但也不起作用。
我该怎么办?
我试图制作带有选项卡式内容的页面。我正在使用基础选项卡(http://foundation.zurb.com/docs/tabs.php)。刷新页面并更改URL的ID
我在<dl></dl>
元素旁边建立了一个链接,如果我只使用<a href="#simple5">
,它就不起作用。我尝试了一个JavaScript来重新加载页面<a href="#simple5" onClick="window.location.reload(true);">
,但也不起作用。
我该怎么办?
当您在点击时调用JS时,它会在默认操作之前运行。您重新加载没有哈希标签的页面。
尝试使用JS添加ID:<a href="#" onClick="window.location = '#simple5'; window.location.reload(true);">
您还可以使用等功能,动态获取的ID。
对不起,我的英语不好。^-^
工作:)!谢谢您的帮助。 – euDennis
您不必手动执行location.reload
。导航到新的散列将更新URL而不重新加载页面。如果DOM中的元素具有ID simple5
,浏览器将滚动到该元素。
您也可以手动查看哈希更改事件(或重复检查URL的更改,对于不支持该事件的浏览器),并执行操作(如切换到某个选项卡)。
这是如果你希望你的标签之间的切换反映在浏览器的历史。如果您不希望在浏览器历史记录中留下标记,您应该想要拦截链接点击,提取href
以仅用作指示显示哪个标签,执行标签更改并防止浏览器跟随链接(这样就不会发生实际的哈希变化)
''将链接到一个id为'simple5'的元素,你有这样的元素吗? – Andy