如何使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();
});

祝你好运！