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
Enabling Click event on a textbox using Jquery
提问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);