2013-07-25 18 views
3

使用haslink(#testhash)在Safari上不起作用。我真的無法找到問題。 這裏是下面的代碼我提供以下Hashlink在Safari中不起作用

<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上正確的地方,但它是在谷歌Chrome,火狐Mozila和IE9正常工作。在Safari中,URL重寫後鏈接重定向到http://example.com/而不是http://example.com/#testhash。有趣的是,當我直接將鏈接http://example.com/#testhash放在Safari的地址欄上時,它工作正常,但點擊它的時間不起作用,而且在我寫作http://example.com/?page_id=112#testhash時,它給出了問題。

+0

[這個答案](http://stackoverflow.com/questions/3020456/safari-anchors-on-links-not-working)可能會有所幫助。 – neo108

+0

不,它也沒有幫助。 – Soumya

回答

3

你可能做的一件事。請給出完整的鏈接,而不是?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頁面以URL應該從我的例子http://testwordpress.com/about-us/page/etc/#testhash

0

你可以改變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> 
+0

我已經改變了它,並給出了不同的名字#soumyahash。但它仍然是相同的 – Soumya

+0

編輯我的答案,你可以看看現在是否可以幫助你? – Thanos