Javascript lightbox_me-在同一页面上打开不同的弹出窗口_Javascript_Jquery

Javascript lightbox_me-在同一页面上打开不同的弹出窗口

javascript jquery

Javascript lightbox_me-在同一页面上打开不同的弹出窗口,javascript,jquery,Javascript,Jquery,我正在尝试创建一个页面，在同一页面上有多个弹出窗口。我想第一个弹出打开页面加载，我可以得到工作 <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 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');">


$（文档）.ready（函数（）{
$（“#注册”）.lightbox_me（{centered:true，onLoad:function（）{$（'#注册”）.find（'input:first'）.focus（）}）；
}); // 文件准备就绪

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

使用此代码，我可以单击第一个弹出窗口中的一个链接（注册），单击此处打开第二个弹出窗口（sign1），但第一个弹出窗口仍在后面（我可以看到，因为第二个弹出窗口较小）


$（函数（）{
函数启动（）{
$（'sign_up'）.lightbox_me（{centered:true，onLoad:function（）{$（'sign_up'）.find（'input:first'）.focus（）}）；
}
$（'#try-1'）。单击（函数（e）{
$（“#注册”）.lightbox_me（{centered:true，onLoad:function（）{
$（“#注册”）.find（“输入：第一”）.focus（）；
}});
e、 预防默认值（）；
});
$（'table tr:nth child（偶数）'）.addClass（'stripe'）；
});
$（函数（）{
函数启动（）{
$（'sign1'）.lightbox_me（{centered:true，onLoad:function（）{$（'sign1'）.find（'input:first'）.focus（）}）；
}
$（'#try-2'）。单击（函数（e）{
$（“#sign1”）.lightbox_me（{centered:true，onLoad:function（）{
$（“#sign1”）.find（“输入：第一”）.focus（）；
}});
e、 预防默认值（）；
});
$（'table tr:nth child（偶数）'）.addClass（'stripe'）；
});

我对jquery非常陌生，基本上一直在尝试复制和调整当前代码，但毫无乐趣

<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>