は全体のdivクリッカブル

Question

は今、私は地獄のようなロースは、私が知っている（私はMouseEnterイベントにフェードインとフェードアウトを行うと、これは機能のスーパー基本jsfiddleある

を残すためにjqueryのを使用していることを、メニューをhavae作りますあなたはそのアイデアを尋ねます） http://jsfiddle.net/A26d9/2/

だから、テキストのみがクリック可能です。 div全体をクリック可能にするにはどうしたらいいですか？私は使用しようとしました

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

しかし、それはちょうどメニュー全体を破棄します。私はこれが簡単だと分かっています。私は今空白です。

ありがとうございます！

Answer 1

はこれを試してみてください「regDiv」のクラスを持って、それが#home divの内側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').live("click", function() { 
    alert('clicked'); 
});