jQuery警報框是或否

> jQuery警報框：綜合指南

存在幾種方法，用於處理jQuery中的警報和對話框事件，包括插件和內置對話框。 JQuery UI提供了創建自定義對話框的選項，此頁面還顯示了各種模態窗口示例。 對於快速簡單的解決方案，可以使用普通的JavaScript：

>

<code class="language-javascript">var answer = confirm('Are you sure you want to delete this?');
if (answer) {
  console.log('yes');
} else {
  console.log('cancel');
}</code>

常見問題（FAQS）

>

>>自定義jQuery警報框：創建自定義警報框涉及jQuery ui 函數。 包含jQuery UI庫後，創建dialog()元素以用作警報框。 <div>函數的選項允許自定義內容，按鈕和外觀。 示例：<code>dialog()

<code class="language-javascript">$("#myAlert").dialog({
  autoOpen: false,
  modal: true,
  buttons: {
    "Ok": function() {
      $(this).dialog("close");
    }
  }
});</code>

> jQuery確認框：類似於警報框，確認框使用，但包括“確認”和“取消”按鈕。示例：dialog()

<code class="language-javascript">$("#myConfirm").dialog({
  autoOpen: false,
  modal: true,
  buttons: {
    "Confirm": function() {
      // Perform action
      $(this).dialog("close");
    },
    "Cancel": function() {
      $(this).dialog("close");
    }
  }
});</code>

> jQuery提示框：提示框在對話框中包含一個輸入字段。示例：

<code class="language-javascript">$("#myPrompt").dialog({
  autoOpen: false,
  modal: true,
  buttons: {
    "Submit": function() {
      var input = $("#myInput").val();
      // Use input value
      $(this).dialog("close");
    },
    "Cancel": function() {
      $(this).dialog("close");
    }
  }
});</code>

>樣式jQuery警報框：使用CSS樣式警報框。 jQuery UI提供主題，>選項允許添加自定義CSS類。 dialogClass

>拖動警報框：

jQuery UI對話框默認情況下是可拖動的。 將選項設置為>禁用此。 draggable> 頁面上的false>

警報框加載：

無需 dialog()即可在頁面上顯示一個警報框。 autoOpen: false

非模式警報框：將選項設置為modal>創建一個非模式警報框。 false

>程序化閉合：>使用。 $(this).dialog("close");>

>帶有超時的警報框：

>使用 >setTimeout()>動畫警報框：

使用

>和選項>指定動畫效果和持續時間。 show>