php - 読み込み中のアイコンを使用して Ajax 経由で JQUERY UI ダイアログを開く

Question

私のjquery UIスクリプトはうまく機能します。私#dialogには、結果を取得するPHP sqlクエリがいくつかあります。この場合、[ #openAjax reguest を使用したい] をクリックした後です。例: をクリックする#openと、UI ダイアログが開き、ダイアログ内の読み込みをクリックした後user_settings.php、読み込み中に次のように表示されます: お待ちください、読み込み中....

数秒後、ロードされますuser_settings.php。私が使用した方法で、index.php重いものをロードできると思います。

$(document).ready(function(){


    $("#dialog").load('ajax_dialog/user_settings.php')
    .dialog({ 
        autoOpen: false, 
        show: 'fade', 
        position: 'center center', 
        resizable:false, 
        draggable:false, 
        modal:true
    });

    $("#open").click(
        function () {
            $("#dialog").dialog('open');
            return false;
        }
    );

});
</script>

HTML

<a id ="open" href="#">Open jquery UI DIALOG</a>
    <div id="dialog" Title="My Jquery UI dialog"></div>