2

我正在尝试在同一页面上创建一个包含多个弹出窗口的页面。我希望在页面加载时打开第一个弹出窗口,我可以使用它

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.lightbox_me.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript" > 
$(document).ready(function(){ 
  $("#sign_up").lightbox_me({centered: true, onLoad: function() { $('#sign_up').find ('input:first').focus()}});
}); // document ready 

</script> 

<body onload="$('#sign_up').trigger('click');"> 

但是我希望用户能够单击该弹出窗口中的链接,该链接将保留在同一页面上但打开不同的弹出窗口。再次从第二个弹出窗口中,我希望用户能够单击链接以打开第三个弹出窗口。

使用此代码,我可以单击第一个弹出窗口(sign_up)中的链接单击此处打开第二个弹出窗口(sign1)但第一个弹出窗口仍在后面(我可以看到它,因为第二个弹出窗口较小)

<script type="text/javascript" charset="utf-8">
    $(function() {
        function launch() {
             $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
        }

        $('#try-1').click(function(e) {
            $("#sign_up").lightbox_me({centered: true, onLoad: function() {
                $("#sign_up").find("input:first").focus();
            }});

            e.preventDefault();
        });


        $('table tr:nth-child(even)').addClass('stripe');
    });
</script>
<script type="text/javascript" charset="utf-8">
    $(function() {
        function launch() {
             $('#sign1').lightbox_me({centered: true, onLoad: function() { $('#sign1').find('input:first').focus()}});
        }

        $('#try-2').click(function(e) {
            $("#sign1").lightbox_me({centered: true, onLoad: function() {
                $("#sign1").find("input:first").focus();
            }});

            e.preventDefault();
        });


        $('table tr:nth-child(even)').addClass('stripe');
    });
</script>

我对 jquery 很陌生,基本上一直在尝试复制和调整当前代码,但并不高兴。

4

0 回答 0