0

我正在使用 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>
4

2 回答 2

1

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

于 2008-12-26T20:36:00.150 回答
0

碰巧我遇到了这个问题,这个问题很久以前就发布了,7 年前。现在我们有很多插件和引导设计,这变得非常容易。

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

于 2015-04-06T11:22:18.160 回答