从 jqModal 打开另一个弹出窗口
Posted
技术标签:
【中文标题】从 jqModal 打开另一个弹出窗口【英文标题】:Opening another popup window from jqModal 【发布时间】:2008-12-26 14:09:48 【问题描述】:我正在使用 jqModal 制作一个弹出窗口,并且我有一个主弹出窗口。单击确定后,我必须关闭该窗口并打开另一个弹出窗口。我如何做到这一点?
我的问题是点击事件不起作用。当我按下按钮 #b 时,除了单击按钮之外,我还必须打开另一个弹出窗口。
我的代码
<html>
<head>
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jqModal.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function()
$('#ex3a').jqm(
trigger: '#ex3aTrigger',
overlay: 30,
overlayClass: 'Overlay') .jqDrag('.jqDrag');
$('input.jqmdX') .hover( function() $(this).addClass('jqmdXFocus'); ,
function() $(this).removeClass('jqmdXFocus'); )
.focus( function() this.hideFocus=true;
$(this).addClass('jqmdXFocus'); )
.blur( function() $(this).removeClass('jqmdXFocus'); );
$("#b").click(function ()
alert("hello"); );
);
</script>
</head>
<body>
<a href="#" id="ex3aTrigger">
view</a> dialog
<div id="ex3a" class="jqmDialog">
<div class="jqmdTL">
<div class="jqmdTR">
<div class="jqmdTC jqDrag">[Dialog Title] </div>
</div>
</div>
<div class="jqmdBL">
<div class="jqmdBR">
<div class="jqmdBC">
<div class="jqmdMSG"> Welcome Page <br/> <br/>
<div id="b"> <button> OK </button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
【问题讨论】:
请重新格式化代码,使其更清晰 使用 *** 编辑器上的“代码”按钮。 【参考方案1】:尝试在jqModal的onShow回调中设置$("#b").click
。
【讨论】:
【参考方案2】:碰巧我遇到了这个问题,这个问题很久以前就发布了,7 年前。现在我们有很多插件和引导设计,这变得非常容易。
http://getbootstrap.com/javascript/#modals
【讨论】:
以上是关于从 jqModal 打开另一个弹出窗口的主要内容,如果未能解决你的问题,请参考以下文章