2010-08-25 80 views
0

我有一個div塊,我想成爲某個地方的鏈接。我不認爲我可以將它包裝在錨標記中,因爲我不認爲你應該圍繞塊元素包裝內聯元素。如何讓整個div成爲某個地方的鏈接?

目前我只使用JavaScript,它工作正常,但狀態欄不顯示目標網址時,他們將鼠標懸停在div上。

回答

4

嘗試用錨點替換您的div,並使錨點成爲block級別元素。

Live Demo

HTML

<a href="http://awesomecows.com" class="blockLink">Block Link!</a> 

CSS

.blockLink{ 
    display:block; 
    padding: 5px; 
    text-align: center; 
    border: 1px solid black; 
    width: 90px; 
} 
1

我知道你說你只是使用JavaScript,但如果你使用jQuery,這是很容易做到:

$('#mydiv').click(function(){ 
    window.location.href = [your url here]; 
}); 

至於狀態欄,如果你使用這個方法,它不會顯示它要去的地方。當然你可以把URL的title div的屬性,如果你想...

+0

是的,我正在使用Jquery,並且該代碼幾乎與我所擁有的一樣,但問題在於狀態欄未顯示目標網址,因此用戶不知道點擊時他們會到達哪個頁面。這並不是什麼大問題,但是如果我可以讓狀態欄工作的話,那也不錯。 – Kyle 2010-08-25 04:02:39

+0

將函數添加到listern中,單擊envent注入文本,然後完成... – 2010-08-25 04:07:57

+0

可能希望向div添加'cursor:pointer;'以指示它是可點擊的。 – Airwavezx 2017-04-27 09:35:46

相關問題