2012-10-15 33 views
0

我想建立一個菜單,將用戶引導到同一個網頁頁面的具體位置,但diffent位置直接用戶

<ul> 
     <li><a href="realtime.php#location1">location 1 in page</a></li> 
     <li><a href="realtime.php#location2">location 2 in page</a></li>     
    </ul> 

這裏是頁面的HTML:(realtime.php)

<div id="location1" name="location1"></div> 
    <some html....> 
    <div id="location1" name="location1"></div> 
    <some other html...> 

它不適用於我: 1.它不會重定向到頁面內的正確位置 2.如果我正在查看當前頁面,它什麼也不做 - >意義甚至不會重新加載這一頁。

+0

如果您的網址和您的錨具有不同的名稱中的鏈接,他們怎麼能工作呢? 'location1'找不到'squeeze'或'ETF' – dnagirl

+0

http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id – 2012-10-15 14:36:26

+0

嗨@dnagirl,謝謝你的回覆。我糾正了錯誤。它仍然無法正常工作。 – devmonster

回答

1

片段標識符必須與要定位的元素的ID相匹配。

如果你要鏈接到id="squeeze"那麼你需要#squeeze#location1

我也建議避免鏈接到有利於包含要鏈接到的內容塊元素的<a>元素。

<div id="sequeeze"> 
+0

嗨昆汀,請參閱msg正文中的編輯。它仍然不起作用 – devmonster

+0

@devmonster - 您的HTML對於製作好的'name'屬性和重複ID無效。如果你把它的有效性和內容放在div中,正如我所說,那麼它的工作原理:http://jsfiddle.net/dB3gH/ – Quentin

+0

嗨昆汀,我看到你的代碼工作。但我的依然不是。我已經輸入我的代碼[在這裏](http://jsfiddle.net/dB3gH/1/)查看究竟爲什麼,它在jsfiddle中有效,但不在我的頁面中。我的頁面在普通的html5'<!DOCTYPE html>'頁面中。雖然div包含iframe。也許這個原因.. – devmonster

0

只是使用與錨

<ul> 
    <li><a href="#location1">location 1 in page</a></li> 
    <li><a href="#location2">location 2 in page</a></li>      
</ul> 

比身體

<div id="location1"></div> 
+0

哦真的...:0 – RomanTheGreat

+0

現在你已經編輯了,我會刪除異議。 – dnagirl