使整个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'); 
});