jquery-ui - 停止使用 ajax 预加载内容的第一个 jquery ui 选项卡

Question

我目前使用 jquery ui 创建一个在页面加载时隐藏的对话框窗口。用户通过单击按钮打开对话框。打开后，对话框有几个选项卡（使用 jquery ui 选项卡创建），每个选项卡都显示用户可能需要访问的表单。实际的表单是使用 ajaxOptions 加载的。

有没有办法阻止 jquery 在页面加载时预加载我的第一个 ui 选项卡？相反，我希望仅在用户单击按钮打开对话框时才加载第一个选项卡的内容。

    $( "#pref_tabs" ).tabs({
    ajaxOptions: {
        success: function(xhr, status, index, anchor) {
           //function to handle successful loading
        },
        error: function( xhr, status, index, anchor ) {
            $( anchor.hash ).html(
                "Couldn't load this form. We'll try to fix this as soon as possible. ");
        },
    }
});

Answer 1

在您的选项卡选项中添加一个附加选项，以默认不选择任何选项卡。

$(sel).tabs({
    selected: -1,
    ajaxOptions: {...
});