我的 jQuery Steps 插件有问题。 next 按钮在执行特定操作之前必须禁用,如果数据得到正确验证,则应启用它。
所以问题是:如何将 next 按钮设置为默认禁用,以及是否有可用的方法以编程方式启用或禁用 next 按钮?
这是我当前的代码:
HTML:
Write question
Save and do something else
Preview
Done
Congratulations text goes here
jQuery:
//start
$(function(){
$('#steps').steps({
headerTag: "h3",
bodyTag: "section",
transitionEffect: "slideLeft",
stepsOrientation: "vertical"
});
$('#save').click(function(){
$('#preview').html($('#question').val());
//do something else (ajax wise, etc)
if(true) {
//enable NEXT button here...
}
});
});
最佳答案
嗯,这不是很简单,但我想我做到了。
这个想法是在您的输入字段没有内容的情况下强制不执行任何行为,并自动将 disabled 样式添加到按钮。
希望能帮助到你。它不是很干净,但我相信它有效。
在这里查看:JSBin
编辑: 请注意,此插件没有防止已定义行为的方法,但将来可能会改变。这个时候你只能这样拦截了,我想。
EDIT2: 另请注意,由于插件没有重新呈现操作按钮的方法,因此在将内容添加到输入字段后,我们无法调用我的 enableButton() 函数来重新启用按钮。
EDIT3: 通过 input 的 change 事件检查状态以克服最后的困难的想法。像魅力一样工作:FINAL VERSION
关于jquery - 在使用 jQuery Steps 执行特定操作之前禁用按钮?,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/34795287/