Question

尝试将magnific popup用于单页网站，并根据需要显示表单。

像这样调用外部文件弹出窗口。

<a href="myformx.php" class="simple-ajax-iframe">form</a>

<script type="text/javascript">
$(document).ready(function(){

    $('.simple-ajax-iframe').magnificPopup({
        type: 'iframe'
    });

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

});
</script>

<form name="form1" method="POST" action="myformx.php">

<label>Your first name:</label>
<input class="formfield" name="your_name" type="text" value="" size="20">

<input class="submit" type="image" 
    id="Submit" name="Submit" value="Submit" 
    src="images/but_send.jpg" 
style="width: 97px; height: 51px;">

表格弹出 - 真棒...... 表单提交空白到没有 - 不是很棒。

想要确定如何在弹出窗口中更好地提交给自己。尝试了几种可能性 - 没有效果。不能那么困难 - 我在某种程度上错过了明显的事情。

Answer 1

解决。用它来操作并命名表单。注意name =“my_form”。在表单标记上使用target =“my_form”以使post vars提交给自己。希望这可以帮助别人。

$('.simple-ajax-iframe').magnificPopup({
    type: 'iframe',

    iframe: {
    markup: '<div class="mfp-iframe-scaler">'+
        '<div class="mfp-close"></div>'+
        '<iframe class="mfp-iframe" name="myform" frameborder="0" allowfullscreen>    </iframe>'+
      '</div>', // HTML markup of popup, `mfp-close` will be replaced by the close button
}

Popup没有向自己提交表单 - 使用大胆的弹出窗口

1 个答案: