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!');
});

OR

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

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

4 个答案: