停止第一jQuery的UI选项卡从预加载内容与AJAX

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: {... 
});