如何使 jquery 选项卡不可编辑/只读答案

【问题标题】：How to make jquery tab non editable/readonly如何使 jquery 选项卡不可编辑/只读
【发布时间】：2013-07-09 06:28:11
【问题描述】：

是否有任何方法可以使特定选项卡的内容不可编辑或只读。是否有任何简写语法，例如禁用选项卡 $( ".selector" ).tabs( "option", "disabled", true ); 以进行编辑选项。我刚刚浏览了Doumentation，但没有找到任何选项。

【问题讨论】：

标签： jquery jquery-ui jquery-ui-tabs

【解决方案1】：

如果您想阻止用户完全进入选项卡，您只需将display:none 添加到相关选项卡即可。但是，如果您希望它仍然可见和可选择（选项卡，而不是它的内容），您将不得不单独处理其中的表单控件。 JQuery UI 与选项卡的内容无关。

【讨论】：

我需要标签应该是可见和可选择的，但它的内容应该是只读的。
那么你将不得不手动处理表单元素，标签与它无关。

【解决方案2】：

我同意 David Jashi 的观点，即标签与它无关，但这是一种可能的解决方案，您可以在其中侦听要单击的特定标签并禁用内容。

$('#disabled_stuff_tab').on('click', function(){
    //set all form fields to disabled when tab is clicked
    $('form.disabled').find('input, textarea, select').prop('disabled',true);
});

$('form.disabled').on('submit', function(e){
    //in case the script above screws up an doesn't make everything disabled
    //never allow submittal of a disabled form
    e.preventDefault();
});

祝你好运！

【讨论】：