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

Question

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

Answer 1

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

Answer 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();
});

祝你好运！