javascript 使用 Jquery 在文本框上启用 Click 事件

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/16608339/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-27 05:19:49  来源:igfitidea点击:

Enabling Click event on a textbox using Jquery

javascriptjquery

提问by DotnetSparrow

I am trying to disable a textbox and click event of a button using jquery like this:

我正在尝试使用 jquery 禁用文本框并单击按钮的事件,如下所示:

$("#NumberCalledTo").addClass("disabled");
    $("#NumberCalledTo").off('click');
    $("#NumberCalledTo").prop("readonly", true);
    $('#NumberCalledTo').tooltip({
        disabled: true
    });

Now I need to enable it on click of another button. I am doing it like this:

现在我需要点击另一个按钮来启用它。我是这样做的:

  $("#NumberCalledTo").removeClass("disabled");
            $("#NumberCalledTo").on('click');
            $("#NumberCalledTo").prop("readonly", false);

            $('#NumberCalledTo').tooltip({
                disabled: false
            });

but click event is not fired.

但点击事件不会被触发。

Please suggest how to fix it.

请建议如何修复它。

回答by xdazz

$("#NumberCalledTo").on('click');is not enough, you need to bind the callback function again.

$("#NumberCalledTo").on('click');还不够,还需要重新绑定回调函数。

$("#NumberCalledTo").on('click', callback);

回答by Hermann Stephane Ntsamo

Try this:

试试这个:

$("#NumberCalledTo").on('click', function(){
    alert('You click me!');
});

OR

或者

$("#NumberCalledTo").on('click', callbackFunction);

 function callbackFunction()
 {
   alert('You click me!');
 }

回答by Anjith K P

$("#NumberCalledTo").click(function() {
    if ($(this).hasClass('disabled')) {
        //ENABLE CLICK
        $(this).removeClass("disabled")
                .prop("readonly", false).tooltip({
            disabled: false
        });

    } else {
        //DISABLE CLICK
        $(this).addClass("disabled")
                .prop("readonly", true)
                .tooltip({
            disabled: true
        });
    }
});

回答by Jai

make a function:

做一个功能:

 function enable(){
    $("#NumberCalledTo").removeClass("disabled");
    $("#NumberCalledTo").on('click');
    $("#NumberCalledTo").prop("readonly", false);

    $('#NumberCalledTo').tooltip({
        disabled: false
    });
 }

add as callback function:

添加为回调函数:

 $('your button').on('click', enable);