2016-11-01 6 views
-1

アンバインドを試みましたが、何も動作していないようです!クリックイベントが無効になっていませんか?

IDという要素があります:volume-knobです。私は次のことを試してみました、クリックがまだ動作

など私はdivvolume-knob内のボタンを持っている場合は、ボタンが押され得ることはありませんので、クリックを無効にしたいです!この悪夢にいくつかの光を教えてください!

$('#volume-knob').unbind("click"); //Doesn't work 
$(document).unbind("click"); //Trying to disable click on all but still no luck 
$('#volume-knob').off("click"); //Doesn't work 

私は、その後、クリックイベントだけでなく、運にそれを追加してみました:私は間違って

$("#volume-knob").click(function(){ 
    $('#volume-knob').off("click"); // Still Won't work._. 
}); 

何をしているのですか? ありがとう!

+0

イベントはどのようにアタッチされますか? – epascarello

答えて

0

を私は/それなしで完全にクリックリスナーを削除し、作業する私のコードを再設計再発明。 (最初は理想的ではなかったが、これはすぐに戻ってしばらくあるので、...完璧に動作します!)

5

クリックイベントのデフォルトアクションを防止する必要があります。これを試して。

$("#volume-knob").click(function(e){ 
    e.preventDefault(); 
}); 
+0

私はこれを試しましたが、それでもクリック可能です! – irishwill200

+0

これは、親のdivではなく、クリック可能にしたくない要素にバインドする必要があります。 – TheValyreanGroup

2

次のコードを試してみてください。

$("#volume-knob").attr('disabled','disabled'); 
0

私は()イベントハンドラを.on使用することをお勧めします、あなたが登録したときに文書

$(document).on("click", "#selector", function() { 
    console.log($(this).text()); 
}); 

に登録しています機能の実行時にセレクタがなくても後で追加されても毎回動作するページ文書のイベント

関連する問題