Question

我正在寻找一种方法来自定义JS提示弹出窗口，以便我可以为用户提供我希望他们拥有的选项 -

更改 - 从提示框中取值并更改已检查的值以首先启动提示。
继续 - 不在乎，继续使用原始值。
取消 - 忘记这一点，只需摆脱盒子。

选项1＆amp;默认情况下有3个可用（虽然选项1被称为'Ok'），但我不知道有办法操纵提示提供第3个选项。

我猜这不能通过JS来完成，所以有没有可以帮助我的jQuery插件？感谢。

Answer 1

你说得对，你无法自定义浏览器的提示框：这是一个jquery ui插件，可以帮助你制作模态窗口：

http://docs.jquery.com/UI/Dialog/dialog#options

您也可以使用和自定义（扩展）：

http://labs.abeautifulsite.net/archived/jquery-alerts/demo/

Answer 2

jQuery UI有dialog component可用于此目的。

如果您正在寻找不那么臃肿的解决方案，Google Search会提供许多可重复使用的结果。

Answer 3

检查此插件，我认为您可以更改所需的一切：jAlert

Answer 4

https://github.com/bmmage/customAlert

jquery插件，允许自定义警报窗口和向下滑动警告框。

Answer 5

尝试

  $( function() {
    $( "#dialog" ).dialog();
  } );

.but{
    width: 33%;
    float: left;
    text-align:center;
}
input{width: 100%;}

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


 
<div id="dialog" title="Basic dialog">
  <p>Enter any text</p>
  <input type="text" /><br><br>
  <div>
    <div class="but butt1"><button>Change</button></div>
    <div class="but butt2"><button>Continue </button></div>
    <div class="but butt3"><button>Cancel </button></div>
  </div>
</div>

自定义JS提示弹出窗口

5 个答案: