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

Question

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

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

现在我需要在单击另一个按钮时启用它。我这样做是这样的：

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

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

但点击事件不会被触发。

请建议如何解决它。

Answer 1

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

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

Answer 2

尝试这个：

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

或者

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

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

Answer 3

$("#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
        });
    }
});

Answer 4

做一个功能：

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

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

添加为回调函数：

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