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>