jQuery jDialog是jQuery UI庫中的一種對話框組件,可以用來顯示警告、確認或者信息等對話框。下面介紹如何使用jQuery jDialog。
首先,在HTML文件中引入jQuery和jQuery UI庫:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" > <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
然后,在JavaScript代碼中創建對話框:
$( "#dialog" ).dialog({ autoOpen: false, modal: true, buttons: { "確認": function() { // 確認操作 $( this ).dialog( "close" ); }, "取消": function() { // 取消操作 $( this ).dialog( "close" ); } } });
這里的#dialog是對話框的元素ID,autoOpen表示對話框是否立即打開,modal表示是否模態對話框,buttons是對話框按鈕的配置。
最后,在某個事件觸發時打開對話框:
$( "#dialog" ).dialog( "open" );
這樣,就可以使用jQuery jDialog展示對話框了。