colorbox Jquery插件,尝试打开第二个弹出窗口

colorbox Jquery插件,尝试打开第二个弹出窗口,jquery,colorbox,Jquery,Colorbox,我正在使用颜色框打开弹出窗口#1: 这个很好用。但是我在get-quite.php的内容中还有一个按钮,我想打开另一个弹出窗口 <form name="getquotedata" action="" method="post"> <input type="text" name="nameandsurname" id="popupnamefield" onblur="this.value=!this.value?'<?php _e('Name and Sur

我正在使用颜色框打开弹出窗口#1:

这个很好用。但是我在get-quite.php的内容中还有一个按钮,我想打开另一个弹出窗口

<form name="getquotedata" action="" method="post">
        <input type="text" name="nameandsurname" id="popupnamefield" onblur="this.value=!this.value?'<?php _e('Name and Surname','medishop'); ?>':this.value;" onfocus="this.select()" onclick="if (this.value=='<?php _e('Name and Surname','medishop'); ?>'){this.value='';}" value="<?php _e('Name and Surname','medishop'); ?>">
        <input type="text" name="email" id="popupemailfield" onblur="this.value=!this.value?'youremail@domain.com':this.value;" onfocus="this.select()" onclick="if (this.value=='youremail@domain.com'){this.value='';}" value="youremail@domain.com">
        <input type="hidden" name="prod_ID" value="<?php echo $productID_from_url; ?>">
        <input type="hidden" name="prod_name" value="<?php echo get_the_title($productID_from_url); ?>">
        <input type="hidden" name="prod_url" value="<?php echo get_permalink($productID_from_url); ?>">
            <input type="submit" value="Get Quote" id="popupsbmt" onclick="$.colorbox({href:'<?php bloginfo('template_directory'); ?>/get-quote-sendmail.php'}); return false;">
    </form>


当你把一个色盒放在另一个色盒里时,一切看起来都很好


让我看看我是否理解正确,你想在色盒中打开一个色盒吗?@Trufa是的,或者简单地打开另一个色盒并关闭前一个。我认为后一个更容易,我对你的特殊情况有点困惑,如果我给你一个与你的代码不完全相同的示例情况,是否会有所帮助?否则,我需要更多的解释,你在做什么…我从不同的文件加载内容。两个弹出窗口都是php文件。这可能是个问题吗?@SandroDzneladze第一个colobox调用您显示的表单吗?如果是,提交人是否应该提出第二个问题?如果是这样的话,您试图带来的新内容是什么?第一个颜色框调用包含表单的get-quote.php。Submit命令用于显示第二个正确的颜色框。新弹出窗口只是一个php脚本,它从POST中获取变量并将它们放入wp_邮件函数中。还执行检查和显示警报。如邮件成功发送等@SandroDzneladze您是在本地工作还是可以将我链接到一个实例?很遗憾,本地。。。我不能把它放在JSFIDLE上:(
$('.getquotebtn a').colorbox();
<form name="getquotedata" action="" method="post">
        <input type="text" name="nameandsurname" id="popupnamefield" onblur="this.value=!this.value?'<?php _e('Name and Surname','medishop'); ?>':this.value;" onfocus="this.select()" onclick="if (this.value=='<?php _e('Name and Surname','medishop'); ?>'){this.value='';}" value="<?php _e('Name and Surname','medishop'); ?>">
        <input type="text" name="email" id="popupemailfield" onblur="this.value=!this.value?'youremail@domain.com':this.value;" onfocus="this.select()" onclick="if (this.value=='youremail@domain.com'){this.value='';}" value="youremail@domain.com">
        <input type="hidden" name="prod_ID" value="<?php echo $productID_from_url; ?>">
        <input type="hidden" name="prod_name" value="<?php echo get_the_title($productID_from_url); ?>">
        <input type="hidden" name="prod_url" value="<?php echo get_permalink($productID_from_url); ?>">
            <input type="submit" value="Get Quote" id="popupsbmt" onclick="$.colorbox({href:'<?php bloginfo('template_directory'); ?>/get-quote-sendmail.php'}); return false;">
    </form>
<a class='inline' href="#inline_content">Inline HTML</a>
<div style='display:none'>
    <div id='inline_content' style='padding:10px; background:#fff;'>
        <a class='inline2' href="#inline_content2">open second</a>
    </div>
</div>
<div style='display:none'>
    <div id='inline_content2' style='padding:10px; background:#fff;'>hi second</div>
</div>
$(".inline").colorbox({inline:true, width:"50%"});
$(".inline2").colorbox({inline:true, width:"50%"});