我的对话框是第一次打开而不是第二次打开
My dialog box is opening for first time but not second time?
我已经使用jQuery制作了自己的对话框,它工作得很好,一切都很好,当它第一次打开和关闭成功时,当我再次尝试打开时,但没有出现任何东西?你能告诉我这是怎么回事吗?
我的源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.11.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('a.dialog-window').click(function(){
var signUpBox=$(this).attr('href');
$(signUpBox).fadeIn(500);
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(500);
return false;
});
$('a.close_dialog_box').click(function(){
$('.dialog_box').fadeOut(400, function(){
remove();
});
return false;
});
});
</script>
<style>
.dialog_box{
width: 70%;
height: 70%;
background-color: #520832;
position: fixed;
left: 15%;
top: 15%;
-webkit-box-shadow: 0px 1px 15px 4px rgba(50, 50, 50, 1);
-moz-box-shadow: 0px 1px 15px 4px rgba(50, 50, 50, 1);
box-shadow: 0px 1px 15px 4px rgba(50, 50, 50, 1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none;
}
.close_dialog_box{
position: fixed;
right: 14%;
top: 10%;
}
</style>
</head>
<body>
<a href="#dialog" class="dialog-window">Signup!!</a>
<div id="dialog" class="dialog_box">
<a href="#" class="close_dialog_box"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
<h2 style="color: #E2E2E2; font-family: Aileron, sans-serif; text-align: center;">Signup Now!</h2>
<form method="post" class="signUp" action="#">
</form>
</div>
</body>
</html>
删除函数Remove ();
所以onclick代码将是$('a.close_dialog_box').click(function(){
$('.dialog_box').fadeOut(400, function(){
//no need of remove
});
return false;
});
您可以更改
$('.dialog_box').fadeOut(400, function(){
remove();
});
$('.dialog_box').fadeOut(400);
这里也是一个jsfield
删除remove();
行,
$('a.close_dialog_box').click(function(){
$('.dialog_box').fadeOut(400, function(){
remove(); <------ Remove this
});
return false;
});
remove();
行完全从html中删除对话框,因此无法再次打开,因为它不再存在。试着从你的代码中删除remove();
行,它应该工作良好。
在尝试块中使用对话框。然后使用catch块处理异常。}
相关文章:
- 删除确认对话框在第一次单击时不起作用
- Jquery移动转换复选框在Jquery onclick函数()中第二次选中不起作用
- JQuery UI 对话框在第二次单击时不会更新
- Jquery对话框的大小调整只发生在它的第一次's已打开
- 在jQuery UI对话框中单击triggerd多次
- "阻止该页面创建附加对话框“;第二次点击
- 作用域中的publish_actions未触发第二个对话框
- jBox模态对话框Created监听器函数从第二次开始就不起作用了
- 每 3 小时显示一次对话框
- jQuery UI 对话框不会第二次打开,但无法访问后台
- Ajax 对对话框窗口的响应在第二次尝试时不显示更改的值
- jQuery UI 对话框在第二次加载时不会调用函数
- jQuery UI 对话框 - 第二次显示未选择的文本
- 第二次打开对话框时jQuery对话框错误-TypeError:oa不是函数
- 如何在关闭一次对话框后禁用该对话框
- 自动完成在引导模式对话框上第二次不起作用
- 我的对话框是第一次打开而不是第二次打开
- 第二次上传相同的文件没有打开新的对话框窗口
- Jquery对话框chrome问题-滚动不可见时打开第二次
- 第二次单击jQuery对话框时不会打开