JQuery Dialog基本使用-合併運用Ajax

    1. 下載範例:dialog_ajax_sample,解壓縮至htdocs資料夾。
    2. 建立div,指定id(範例:dialog_id),標題title,style先設定隱藏,對話框內容可以先留空不用寫,例:<div id=”dialog_id” title=”對話框標題” style=”display:none;”>對話框內內容</div>。
    3. 呼叫Ajax,參考:https://www.ccliang.me/webdevelopment05/#section3
    4. JQuery將其資料填入div範圍內,參考:https://www.ccliang.me/webdevelopment05/#section2
    5. 呼叫dialog方法,參考:JQuery Dialog基本使用

發佈留言