popup - Magnific Popup - クリックするとポップアップが消える

Question

最近「マグニフィックポップアップ」を実装したところ、ポップアップは正常に表示されますが、入力ボックスをクリックすると、ポップアップ全体が消えて親ページに戻ります。プラグインの Web サイトに示されている例では、ダイアログボックスの外側をクリックするまで、ダイアログボックス全体をクリックできます。

私が見逃した非常に単純なものであることを願っていますが、それでも頭を悩ませています.

私が得ることができるどんな助けにも本当に感謝しています！

ありがとう：）

score 9 · Accepted Answer

「ajax」コンテンツタイプを使用している場合は、ルートノードが 1 つだけであることを確認する必要があります。

たとえば、これは ajax ファイルの正しい内容です。

<div>
    html content
    <script src="something.js"></script>
</div>

正しくない：

<script src="something.js"></script>
<div>
    html content
</div>

正しくない：

<div>
    html content
</div>
<div>Another content</div>

また、http://dimsemenov.com/plugins/magnific-popup/documentation.html#closeoncontentclick に設定されていることを確認してくださいcloseOnContentClick。false

何らかの理由で ajax ファイルの内容を変更できない場合は、ここで説明されているように、parseAjax コールバックで内容を解析できます(したがって、mfpResponse.dataルートノードは 1 つだけ含まれます)。

score 1 · Accepted Answer

同じエラーが発生しました。私の側からのばかげた間違いであることが判明しました。オープナーとインラインdivに同じクラスがありました。

<a href="#popup" class="dialog">Open</a>
<div id="popup" class="dialog mfp-hide"></div>

もちろん、それらは次のように異なるクラスである必要がありました。

<a href="#popup" class="dialog">Open</a>
<div id="popup" class="dialog-box mfp-hide"></div>

score 1 · Accepted Answer

まだ返信できません (担当者が少なすぎます..) ので、次のように追加します: これは type: 'inline' にもカウントされるようです。常に div でコンテンツをラップしても安全です。

$.magnificPopup.open({
  items: {
    src: '<div>'+ html +'</div>'
  },
  type: 'inline',
  closeOnContentClick: false
}, 0);

score 0 · Accepted Answer

5 に答える 5