是否有任何可用alert
的confirm
对话框,jquery
其中包含自定义标题和自定义内容。我搜索了很多网站,但找不到合适的。任何网站链接或任何内容都是可观的。
问问题
124399 次
5 回答
16
我使用jquery UI
组件制作了自定义消息框。这是演示http://jsfiddle.net/eraj2587/Pm5Fr/14/
您只需传递标题名称、消息、按钮文本等参数。您可以在任何按钮单击时指定触发功能。这将对您有所帮助。
于 2013-07-15T07:18:53.833 回答
10
尝试使用SweetAlert它只是最好的。您将获得很多定制和灵活性。
确认示例
sweetAlert(
{
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!"
},
deleteIt()
);
于 2015-07-21T21:49:45.853 回答
3
检查 jsfiddle http://jsfiddle.net/CdwB9/3/并点击删除
function yesnodialog(button1, button2, element){
var btns = {};
btns[button1] = function(){
element.parents('li').hide();
$(this).dialog("close");
};
btns[button2] = function(){
// Do nothing
$(this).dialog("close");
};
$("<div></div>").dialog({
autoOpen: true,
title: 'Condition',
modal:true,
buttons:btns
});
}
$('.delete').click(function(){
yesnodialog('Yes', 'No', $(this));
})
这应该可以帮助你
于 2013-07-15T07:11:52.957 回答
2
您可以使用 JQuery UI 的对话框小部件
于 2013-07-15T07:10:14.097 回答
1
jQuery UI有它自己的元素,但只有 jQuery 没有。
工作示例:
<!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.3/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.3/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-07-15T07:11:04.533 回答