使整個DIV可點擊

Question

現在我havae菜單，那我使用jQuery做一個淡入和淡出上的mouseenter離開

這是功能的超級基本的jsfiddle（盧斯像地獄，我知道，但你的想法） http://jsfiddle.net/A26d9/2/

所以......現在只有文本是可點擊的。我怎樣才能讓整個div都是可點擊的。我試過使用

$(".home_hover").click(function(){ 
    window.location=$(this).find("a").attr("href"); 
    return false; 
}); 

但它只是消除了整個菜單。我知道這很容易。我現在只是空白。

謝謝！

Answer 1

試試這個，它會尋找#home格內的a元素，並有發送瀏覽器上點擊。

$(document).ready(function() { 
    $('#home') 
     .mouseenter(function() { 
      $('.home_hover', $(this)).fadeIn() 
     }) 
     .mouseleave(function() { 
      $('.home_hover', $(this)).fadeOut(); 
     }) 
     .click(function() { 
      var link = $("a", $(this)); 
      if (link.length) { 
       window.location.assign(link.attr("href")); 
      } 
     }); 
}); 

Example fiddle

Answer 2

只需使用：

$('#home').click(function(){ 
    alert('clicked'); 
}); 

Answer 3

你可以做到這一點，你做的jQuery的按鈕同樣的方式。你可以給這個div一個類，或一個ID，然後將一個事件關聯到點擊。例如，您的div有一類「regDiv」的

$('.regDiv').live("click", function() { 
    alert('clicked'); 
});