問題タブ [magnific-popup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3047 参照

jquery - Magnific Popup、コールバック後に ajax コンテンツで関数を起動できない

このライトボックスの ajax 呼び出しの後にスライドショーを起動しようとしていますが、うまくいきません。html インジェクションの前に parseAjax コールバックが起動されたようですが、本当ですか?

ここに私のコードがあります:

何か案が?ありがとうございました!

0 投票する
5 に答える
9797 参照

magnific-popup - クリックした要素のデータ属性値をajax設定に渡す

Magnific Popup を実装するには、投稿 ID を ajax 設定に渡す必要があります。投稿 ID は Magnific Popup がバインドされている要素の data 属性に格納されます。これが機能することを望みます:

HTML 要素:

Javascript:

postId は data 属性から読み取られます。

前もって感謝します。

0 投票する
1 に答える
1150 参照

javascript - Magnific Popup - Ajax ポップアップを使用したスクロール

左右にスクロールして画像を次々と表示できるライトボックスギャラリーを知っていますが、これはajaxポップアップで可能ですか? この機能を許可するデリゲートを割り当てることができるとは思いません。

ここに例があります。

0 投票する
5 に答える
19957 参照

magnific-popup - Magnific Popup - You Tube ビデオを開くときのエラー

壮大なポップアップ ウィンドウで再生するビデオを取得できません。を使用するclass=iframeと、ページが youtube にリダイレクトされ、ビデオが再生されます。しかし、 を使用するclass=popup-youtubeと、ポップアップは表示されますが、次のエラー メッセージが表示されます。

このウェブページは見つかりません

HTMLコードは次のとおりです。

JS は次のとおりです。

テストのためにIISを介してPCでローカルに実行しています。単一の画像、ギャラリーの画像、Google マップ用に設定した他のリンクは、素晴らしいポップアップで正常に機能します。動かないのは動画だけです。

0 投票する
3 に答える
4696 参照

jquery - Magnific Popup にスライダーを含めることはできますか?

複数の画像のギャラリーを含む Web サイトを作成しています。これらの画像は基本的に表紙の役割を果たします。クリックすると、そのアイテム内の画像のスライドショーのみを含むライトボックスを開くために Magnific Popup を使用したいと思います (ギャラリー アイテム 1 からギャラリー アイテム 2 などには移動しません...)。 Swiper プラグインを使用してスライドショーをセットアップしましたが、これをポップアップ ウィンドウで開きたいと思います。ポップアップで HTML コンテンツを開くことができることは知っていますが、スライドショー全体を含む div についてはどうでしょうか? それは論理的に思えますが、私はそれを機能させることができません。

0 投票する
2 に答える
4640 参照

javascript - 壮大なポップアップ オブジェクト

壮大なポップアップ

プラグインのような jQuery ライトボックスである Magnific Popup を使用します。組み込みオブジェクトを使用して属性を取得しようとしています。

思ったようにうまくいきません。ここでAPIを読みました:

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

これまでに試したこと

コンソールでオブジェクトを取得しましたが、そこから属性を取得できません。(WordPress で使用されているため、jquery Ready は少し異なります (エイリアス))

自分の考え

  • これは $(this) のようなオブジェクトではなく、同じように機能しませんか?
  • 私はそれを間違った方法で呼びますか?
  • この問題に対して間違ったオブジェクトを使用していますか?

質問

それはどのように正しく行われますか?