問題タブ [magnific-popup]

Web サイトに壮大なポップアップを実装しようとしていますが、何らかの理由でテスト イメージがポップアップ モードで開かれません。問題は何ですか？どうもありがとう

ソースとしてページからの div を渡すことで、Magniific Popup を介して表示/非表示にしようとしている ASP コードが少しあります。

JS:

div の表示と非表示は完全に問題ありません。ただし、実際にその機能を起動するようには見えませんasp:Button id="btnImport"(現在はMsgBoxの内容を表示するためのものasp:TextBoxです)。実際、ポスト/取得要求が Web コンソールに記録されていることさえわかりません。

ただし、ボタンはそのdiv内に配置TextBoxされていなくても正常に機能し、コードビハインドからもアクセスできるため、実際のクリック機能が機能していることがわかります。何が起こっているのでしょうか？Magnific はどういうわけかポストバックを妨げていますか?

「マグニフィック ポップアップ」で 2 つの素晴らしい jquery プラグインと特別なステープル機能「自動グループ化によるアダプティブ サムネイル パイル エフェクト」を見つけました。両方を一緒に使用すると、ライトボックスのサイズを変更してかなりクールな (レスポンシブ) ポートフォリオを作成できると思いました。

しかし、残念ながら、こちらでご覧いただけるように、期待どおりに連携しません。

一番上の画像をクリックして表示される 2 つのうちの 1 つを開くと、ライトボックスに表示されますが、画像の下に閉じるボタンとタイトルはありません。したがって、「ブラウザの戻るボタン」で戻る必要があります (良くない)。

一番下の「ステープル機能なし」の小さな写真の1つをクリックすると、「壮大なポップアップ」からの閉じるボタンとタイトルで写真が開きます。したがって、ここでは壮大なポップアップが正常に機能します。さて、上部にステープル機能の写真が表示された状態で、壮大なポップアップの閉じるボタン/タイトルが表示されない理由がわかりませんでした。

私は JS の専門家ではないので、2 つの js スクリプトの間に競合がある可能性があると推測することしかできないため、「jQuery.noConflict();」を追加してみました。しかし、それは単なる推測であり、問​​題の解決にはなりませんでした。

誰かがアイデアを持っていることを願っています。

これは、HTML ヘッダーの JS のものです。

これは、body-Tag を閉じる前の magnific-popup の JS です。

壮大なポップアップは、リンクの class="popup" によって呼び出されます (ここでは正常に動作します)。

..そして、それらの写真では機能しません:

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

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

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

ありがとう ：）

magnific-popup ギャラリーを直接の兄弟に制限するにはどうすればよいですか? 最初の .child の画像を開いたときに、2 番目の .child の画像をギャラリーに表示したくありません。

html 構造:

Magnific-Popup を初期化する方法:

リスト項目を動的に追加するボタンがある壮大なポップアップがあります。すべてのリスト項目には、リスト項目を削除するボタンがあります。ただし、リスト項目が削除されると、ポップアップも閉じます。ポップアップを再度開くと、リスト項目が消えています。これはバグですか、それとも何か間違っていますか? 助けていただければ幸いです。

codepen の例: http://codepen.io/anon/pen/sxfen

HTML:

Javascript:

ギャラリーの指定したポイントからギャラリーを自動再生するレスポンシブ ライトボックスを探していました。Magificic Popupはかなり堅実に見えます。ライトボックスのスライドショーとして機能する方法はありますか?つまり、ギャラリーの自動進行がありますか?

、および/またはコールバックイベントを利用する方法があるはずですが、それは私のjavascriptingを超えていますmagnificPopup.next();magnificPopup.updateItemHTML();

ありがとう！

編集: 「うーん、fancybox の自動再生?」と考えている場合は、確かに、それも機能します。Magnificを試してみたい