使用Magnific Popup通过一些用户操作调用多个弹出窗口

时间:2015-12-24 03:34:58

标签: javascript php jquery popup magnific-popup

我已经可以实现极好的弹出窗口并且工作得很好。

但现在,我想更多地使用它。让我们说我有一个按钮并显示第一个弹出窗口。这是图片:

here is the first popup, I already added <code>closeOnBgClick::false</code> to prevent the popup close.

让我说我选择&#34;我不知道我的密码&#34;,它必须显示第二个弹出窗口。这是图片:

I have to input my email so the system can send the password to my email

如果我选择回来,我可以回到第一个弹出窗口。如果我选择发送,它将显示最后一个弹出窗口。这是图片。

no caption

到目前为止,我所做的就是使用AJAX调用第一个弹出窗口。在troublesignin.php我也是这样做的。结果是没有像我想要的那样显示弹出窗口,而是重定向到URL。

&#13;
&#13;
<script src="js/jquery.magnific-popup.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {

            $('.simple-ajax-popup').magnificPopup({
                type: 'ajax',
                closeOnBgClick:false
            });

        });
    </script>
&#13;
<a href="troublesignin.php" class="trouble simple-ajax-popup">TROUBLE SIGNING IN?</a>
&#13;
&#13;
&#13;

任何线索或解决方案? 感谢。

更新:这是主屏幕。

demonstration

0 个答案:

没有答案