jQuery-ui:启用禁用按钮不会恢复事件
我有一个问题:启用按钮后,它看起来像是已启用,但不可单击。 (重新加载页面可以解决此问题,但我不会这样做)。首先,在(文档).ready 上,我禁用此按钮。
对于启用我这样做:
$("#submit_order").attr('disabled', false).removeClass( 'ui-state-disabled' );
对于禁用:
$("#submit_order").attr('disabled', true).addClass( 'ui-state-disabled' );
HTML代码:
<button id="submit_order">Send an order</button>
按钮jQuery代码:
$( "#submit_order" )
.button()
.click(function() {
$( "#dialog-form" ).dialog( "open" );
});
当我在启用后单击此按钮时,上面的代码没有调用。
I have a problem: after enable button, it look like enabled but isn't clickable. (reloading page fix this problem, but i won't do it). Firstly, on (document).ready, i disable this button.
For enable i do:
$("#submit_order").attr('disabled', false).removeClass( 'ui-state-disabled' );
for disable:
$("#submit_order").attr('disabled', true).addClass( 'ui-state-disabled' );
HTML code:
<button id="submit_order">Send an order</button>
button jQuery code:
$( "#submit_order" )
.button()
.click(function() {
$( "#dialog-form" ).dialog( "open" );
});
When i clicked this button after enabling, code above didn't invoke.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
是的,以前的答案可能对您有用,但对我来说,当我使用 .removeAttr("disabled") 和使用 .removeClass("ui-state-disabled")“重新启用”按钮时,事件没有触发。
官方答案似乎是
禁用并
启用
http://jqueryui.com/demos 中的 jQueryUI 按钮() /button/#option-disabled
Yes, previous answers may work for you, but for me the events weren't firing when I "re-enabled" the button with .removeAttr("disabled") and using .removeClass("ui-state-disabled").
The official answer appears to be
to disable, and
to enable a jQueryUI button()
from http://jqueryui.com/demos/button/#option-disabled
当您编写时,
这意味着您使用标准属性。
你是不一致的:一旦你使用上述方法,而另一次你在写:
试试这个:
When You are writing
it means that you use stanadard attributes.
You are inconsistent: once You are using mentioned above method, and another time you are writing:
try this:
我记得 jQueryUI 通过提供不同的组件来扩展 jQuery 库,其中大多数组件都有方法
enable()
和disable()
。您可以尝试替代(恕我直言,更推荐)方式:
这将使您从手动管理属性中解放出来 - JQUI 自行执行此操作。
这很强大,因为您可以使用不同的底层元素创建按钮(以便启用和禁用它们将使用不同的方法)
前任。标准按钮使用属性disabled =“disabled”(浏览器实现 - 标准)
但由锚点制成的按钮根本不支持此功能。
As I remember jQueryUI extends jQuery library by providing different components where most of them have methods
enable()
anddisable()
.You may try alternative (IMHO more preferred) way:
this will free Your mind from manual managing attributes - JQUI do this self.
This is powerful, because you may create buttons using different underlying elements (so that enabling and disabling them will use different methods)
ex. Standard button uses attribute disabled="disabled" (browser implementation - standard)
But button made from anchor doesn't support this at all.
要启用,请尝试这样:
并禁用:
To enable try like this:
and to disable: