Javascript 禁用单击事件不工作？

我试着解开束缚，但似乎什么都没用

我得到了一个名为：

volume-knoble

的元素，其ID为

ID

。我想禁用单击，这样如果我在

div

音量旋钮中有一个按钮，那么按钮就不会被按下，等等

我尝试了以下方法，点击仍然有效！请分享一些关于这个噩梦的信息

$('#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._.
});

我做错了什么？
谢谢
 您希望阻止单击事件的默认操作。试试这个

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

请尝试以下代码：

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

我建议使用.on（）事件处理程序并将其注册到文档中

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

当您在页面文档上注册事件时，即使在函数执行时没有选择器，但它会在以后添加，它每次都会工作。
事件首先是如何附加的？您需要将其绑定到不希望单击的元素，而不是父div。