Question

虽然在Safari上使用haslink（#testhash）不起作用。我真的无法找到问题所在。以下是我在下面提供的以下代码

<a href="?page_id=112#testhash">Click here to go to Hash</a>

<div style="height:500px">&nbsp;</div>
<div id="testhash"></div>
<div>............Test Data............</div>

当我点击链接时，它会在Safari上正常运行，但它在Google Chrome，Mozila Firefox和IE9上正常运行。在Safari重新编写URL后，链接将重定向到网站http://example.com/，而不是http://example.com/#testhash。有趣的是，当我直接将链接http://example.com/#testhash放在Safari的地址栏上时，它工作正常，但点击它的时间不起作用，而且当我写http://example.com/?page_id=112#testhash时，它是给出问题。

Answer 1

你可以做一件事。提供完整链接而不是?page_id，因为有时Safari或其他浏览器会为Wordpress编写不同的重写规则，这就是为什么Hashlinks无法正常工作。你可以把

<a href="http://testwordpress.com/[*rewritten Page By Browser]/#testhash">Click here to go to Hash</a> 代替 <a href="?page_id=112#testhash">Click here to go to Hash</a>它可能有效。

*我的意思是重写页面，因为浏览器会将父母和孩子（例如about-us/page/etc）划分页面，因此网址应来自我的示例http://testwordpress.com/about-us/page/etc/#testhash

Answer 2

您可以将href更改为“#testhash”并查看是否可以解决您的问题吗？

编辑我的答案，因为不清楚：

试试这个：

<a href="#testhash">Click here to go to Hash</a>

<div style="height:1200px">&nbsp;</div>
<a name="testhash" />
<div id="testhash"></div>

Hashlink无法在Safari中使用

2 个答案: