jquery ui dialog 怎么让弹窗1秒后自动关闭
3个回答
展开全部
<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$("#bt").click(function(){
$("#dialog").dialog("open");
setTimeout(function () {$( "#dialog" ).dialog("close");}, 1000);
});
});
</script>
</head>
<body>
<button id="bt">打开</button>
<div id="dialog" title="基本的对话框">
<p>这是一个默认的对话框，用于显示信息。对话框窗口可以移动，调整尺寸，默认可通过 'x' 图标关闭。</p>
</div>
带动画的，需要引入jquery-ui.min.css，jquery.min.js，jquery-ui.min.js
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
脚本代码参考如下：
$(function () {
$("#happytime").on('click', function () {
$.Dialog({
overlay: true,
shadow: true,
flat: true,
draggable: true,
icon: '<span class="icon-smiley fg-violet"></span>',
title: '放松一下.',
width: 275,
content: '',
onShow: function (_dialog) {
var content = _dialog.children('.content');
content.html('<br>您一定能在心里感受到我的热忱.<br><br>对把.');
console.log(_dialog);
}
});
////////////
setTimeout(function () {
$.Dialog('close');
}, 5000);
});
});
$(function () {
$("#happytime").on('click', function () {
$.Dialog({
overlay: true,
shadow: true,
flat: true,
draggable: true,
icon: '<span class="icon-smiley fg-violet"></span>',
title: '放松一下.',
width: 275,
content: '',
onShow: function (_dialog) {
var content = _dialog.children('.content');
content.html('<br>您一定能在心里感受到我的热忱.<br><br>对把.');
console.log(_dialog);
}
});
////////////
setTimeout(function () {
$.Dialog('close');
}, 5000);
});
});
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
延迟 1秒
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
