現在、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. ");
},
}
});