我在一个页面上有两个视图,一个幻灯片视图和一个网格视图。在幻灯片放映视图中,每张幻灯片都有一个与其关联的哈希。在网格视图中,将显示与每张幻灯片关联的所有链接。如果你点击它,它会带你回到幻灯片并重新加载页面。target="_parent"
似乎有效,但它只在IE中受支持。target="_blank"
有效,但我需要避免在新窗口中打开,因为它应该只重新加载您所在的页面,除非将您带到特定的哈希。有target="_parent"
的替代品吗?
示例:http://bigredsun.staging.wpengine.com/our-work-index/
单击链接时,您应该会在控制台中看到Page loaded. #[1-5]
:
<a href="#1">Test #1</a><br/>
<a href="#2">Test #2</a><br/>
<a href="#3">Test #3</a><br/>
<a href="#4">Test #4</a><br/>
<a href="#5">Test #5</a>
window.addEventListener('load', function load(){
console.log('Page loaded.', location.hash);
var a = document.getElementsByTagName('a');
for (var i = 0; i < a.length; i++) {
a[i].addEventListener('click', function click(){
window.location = this.href;
window.location.reload(true);
});
}
});
jsFiddle似乎有一个问题,它不是POST,所以没有现场演示。