如何讓整個div可點擊？

HTML的如何讓整個div可點擊？

<div class="hbg"> 
</div>

some menu items here

的jQuery的菜單耗子在上物品─

function imgchange() 
    { 
     $('.smenu li').mouseover(function(){ 
     var src = $(this).find('a').attr('alt'); 
     $('.hbg').css('background-image', 'url(' + src + ')'); 
     $(this).find('hbg').attr('title', 'my tootip info'); 
     });  
    }

我的鼠標移到菜單項的改變hbg DIV的背景圖像通過的jQuery（UL li）。但我想綁定（href）該div到特定頁面，這樣當用戶點擊div上的任何位置時，它應該重定向到該綁定頁面。如果它正在重定向點擊li項。
jQuery中有什麼屬性可以將整個div設置爲超鏈接？

來源

2010-08-05 piku

我沒有在你的標記中看到一個'href'，你能添加那件嗎？ – 2010-08-05 17:18:52

$('div.hbg').click(function(){location.href='http://www.google.com'});

您可能要更改鼠標光標使其看起來可點擊：

$('div.hbg').css('cursor','pointer');

來源

2010-08-05 17:19:52 Adam

這裏是你如何點擊處理程序綁定到div：

$('div.hbg').click(function(e) { 
    alert('The div was clicked!'); 
});

而且你可能也想樣式它看起來可點擊：

div.hbg { cursor: pointer; }

來源

2010-08-05 17:18:15 twerq

+1 ...在旁註中有人知道爲什麼當已經有多個upvoted的答案時，這仍然顯示爲「未答覆」？ – heisenberg 2010-08-05 17:20:59

@kekekela：「已回答」表示OP有一個「接受」的答案（綠色複選標記出現） – 2010-08-05 17:22:29

@Neil - 在這種情況下，我不這麼認爲。當您點擊未答覆的選項卡時，它會在右上角顯示「沒有問題解答的問題」的數量，並且您看到大多數答案從本頁面消失，並且只有在問題頁面顯示時才顯示。（最近按照最近排列這兩個列表以查看我的意思）例如，這個問題不再顯示在未答覆列表中，即使答案尚未被接受。也許它只是更新緩慢。 – heisenberg 2010-08-05 17:36:53

嘗試給div類的寬度和高度並顯示：block;

來源

2010-08-05 17:19:53

div已經是一個display：block元素 – twerq 2010-08-06 13:17:24

如何讓整個div可點擊？

回答

相關問題