сделать весь ДИВ интерактивных

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

Попробуйте это, он будет искать a элемента внутри #home DIV, и отправить браузер там по щелчку.

$(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 классу или идентификатору, а затем связать событие с кликом. Например, ваш DIV имеет класс «regDiv»

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