首頁 > web前端 > js教程 > jquery ui對話框實例碼_jquery

jquery ui對話框實例碼_jquery

WBOY
發布: 2016-05-16 17:34:13
原創
1192 人瀏覽過

目前JqueryUI提供的對話框支援使用相對比較的方便,範例程式碼如下所示:

複製程式碼 程式碼如下:


   

   

       

   

      

   

   

      $(function () {

             $("#dlg").dialog({

                autoOpen: false,

                closed: true,

                width: 450,

                modal: true,

                appendTo: "form",

                buttons: {

                    "OK": function () {

                        $("form").submit();

                    },

                    "Cancle": function () {

                        $(this).dialog("close");

                    }

                },

                close: function () {

                }

            });

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

         }

        );

   


其中值得注意的是appendTo: "form"選項, JqueryUI Dialog預設情況向會將表示對話框的
新增至Body上,這樣當表單提交時,服務端就無法取得到對話方塊中的伺服器控制項相關的值了。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板