jQuery message box是一種JavaScript庫,用于創建用戶友好的對話框和提示框。它是一個開源的庫,非常易于使用。
//在HTML文件中引入jQuery庫和message box庫 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.all.min.js"></script> //創建簡單的信息提示框 swal('Hello, world!'); //創建帶有標題和圖標的信息提示框 swal({ title: 'Hello', text: 'Welcome to my website', icon: 'info' }); //創建詢問框 swal({ title: 'Are you sure?', text: 'Do you really want to delete this item?', icon: 'warning', buttons: ['No', 'Yes'], }).then(function(confirmed) { if (confirmed) { //執行刪除操作 } }); //創建自定義的提示框 swal({ title: 'Custom message box example', html: '<p>This is a custom message box.</p><p>You can add any HTML you want.</p>', showCloseButton: true, showCancelButton: true, confirmButtonText: 'OK', cancelButtonText: 'Cancel' }).then(function(result) { //根據結果執行操作 });
以上是創建jQuery message box的基本方法。它可以讓您方便地創建各種對話框和提示框,以提供更好的用戶體驗。