0

如何将警报框更改为 jquery 对话框？

部分脚本编码：

  if(answeredAnsData.length==8){
            for(var x=0;x<8;x++){
                $('#text'+(x)).attr('disabled','disabled');
            }
         window.alert("test"); //alert box here
        }
    });
4

2 回答 2

3

您应该使用确认命令

window.confirm("are you sure");

如果你想使用来自 jquery 的对话框，你应该查看 ui 扩展。示例取自http://jqueryui.com/dialog/

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Dialog - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
        $(function() {
            $( "#dialog" ).dialog();
        });
    </script>
</head>
<body>

这是用于显示信息的默认对话框。可以使用“x”图标移动、调整大小和关闭对话窗口。

于 2013-05-02T06:30:44.993 回答
1

我们可以使用确认

result = confirm("确认点击确定");

查看所有选项http://www.w3schools.com/js/js_popup.asp

使用 jquery 对话框

<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</body>
</html>
于 2013-05-02T06:32:53.617 回答