Question

我正在使用jqModal创建一个弹出窗口，我有一个主弹出窗口。单击确定后，我必须关闭该窗口并打开另一个弹出窗口。我如何实现这一目标？

我的问题是click事件无效。当我按下一个按钮{#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>

Answer 1

尝试在jqModal的onShow回调中设置$("#b").click。

Answer 2

通过机会我来到这个问题，这个问题很久以前发布，7年前。现在我们有很多插件和引导程序设计，这变得非常容易。

http://getbootstrap.com/javascript/#modals

从jqModal打开另一个弹出窗口

我的代码

2 个答案: