jquery - preventDefault が内部で機能しない

Answer 1

イベントが実際に発生した後にイベントハンドラーをバインドし、実行されないためです。イベントハンドラーをDOM対応イベントハンドラーの要素にバインドします。

$(document).ready(function() {
    // Bind event handler to the button
    $('.UIDropDown .button').click(function(e) { 
        e.preventDefault(); 
    });
    // Bind event handler to the div (click on .button will trigger both)
    $('.UIDropDown').click(function () {
        $(this).addClass('active');
    });
});​

これが実際の例です。

Answer 2

「falseを返す」を試してください。PreventDefault（）;の代わりに それはURIに行くのをブロックします。のように：

$('.button', this).click(function(e){ return false; });

Answer 3

divクリック関数内にそのリンククリック関数は必要ありません。

これを試して？

$('.UIDropDown').click(function() {
    $(this).addClass('active');
});

$('.button').click(function(e) {
    e.preventDefault()
});​

</ p>

Answer 4

これを試して。

  $('.UIDropDown').click(function () {

    $('.button', this).click(function(e){ return false; });

    $(this).addClass('active');


  });

Answer 5

あなたは書くべきです

 $('.button').click(function(e){ e.preventDefault()});

clickのハンドラーの外$('.UIDropDown')