12

どうか助けてください..ログインフォームを表示するために、壮大なポップアップajaxボックスを取得しようとしています。フォームが表示されているように見えますが、フォームまたは ajax ボディのどこかをクリックするとすぐに消えます。以下はコードです

 $(document).ready(function() {
 $('.ajax-popup-link').magnificPopup({
 type: 'ajax',
 alignTop: false,
 closeOnContentClick: false,
 overflowY: 'scroll'
 });
 });

<a class=".ajax-popup-link" href="result.php">try me</a><br>

以下は、私が ajax ボックスにロードしようとしている php です。これは完全なものではありません

 Email:<div class="field_container">Password:</label>
    <input type='password' name='cust_password' id='password'  maxlength="12" style="width: 250px; height: 30px"; /></div>

   <input type='submit' name='Submit' value='Login' />
4

3 に答える 3

15

これは古いスレッドですが、将来のすべての読者のために: これを修正するには、ajax 呼び出しから出力される html にルート要素が 1 つだけ存在する必要があります。

ドキュメントに従って：

http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type

したがって、ajax 呼び出しでは、次のようなものを返す必要があります。

<div>    
    ...your html content 
</div>

コンテンツのクリック時にポップアップが閉じなくなります。

于 2014-09-02T22:20:12.710 に答える
9

私は同じ問題を抱えていましたが、次を使用して解決しました：

modal:true,

それ以外の：

closeOnContentClick: false,
于 2013-09-09T10:49:56.840 に答える