用javascript跳轉到命名錨點
[英]jump to named anchor with javascript
問題描述
我有一個php（codeigniter）程序，顯示所有已完成的項目和工程公司。 我可以單擊詳細信息頁面，然后我可以單擊鏈接返回概述頁面。 為了避免再次從列表的頂部開始，我想跳轉到我凸出的項目。 這似乎很容易，但它給我帶來了麻煩。 我發現這個解決方案在互聯網上適用於Chrome，但不適用於Firefox和IE：
<script type="text/javascript" language="javascript">
function moveWindow (){window.location.hash="a13";}
</script>
<body onload="moveWindow()">
.
.
.
<a name="a13"></a>
錨的內容由PHP動態生成。 正如我所說，它僅適用於Chrome。 當我進入調試模式時，IE會說像未定義的函數moveWindow 。
1 個解決方案
解決方案1
4 2011-04-07 15:49:29
您可以將功能附加到詳細信息單擊，將URL更改為currentURL＃yourID，然后將其更改為最終URL。 這樣，currentURL＃yourID將存儲在瀏覽器的歷史記錄中，並返回將使您到達正確的錨點。
類似的東西（假設你使用jQuery，你的ID在<a> ）：
$(document).ready( function() {
$('#yourlist a').click( function(e) {
e.preventDefault();
window.location = '#'+$(this).attr('id');
window.location = this.href; // intentionally not using jQuery ;-)
});
});
HTML看起來像：
<ul id="yourlist">
<li><a href="details_page_for_item_1.html" id="a1">Item 1</a></li>
<li><a href="details_page_for_item_2.html" id="a2">Item 2</a></li>
<li><a href="details_page_for_item_3.html" id="a3">Item 3</a></li>
</ul>
未經測試......
Javascript命名為jump to anchor
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.