問題タブ [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.
jquery - Magnific Popup、コールバック後に ajax コンテンツで関数を起動できない
このライトボックスの ajax 呼び出しの後にスライドショーを起動しようとしていますが、うまくいきません。html インジェクションの前に parseAjax コールバックが起動されたようですが、本当ですか?
ここに私のコードがあります:
何か案が?ありがとうございました!
magnific-popup - クリックした要素のデータ属性値をajax設定に渡す
Magnific Popup を実装するには、投稿 ID を ajax 設定に渡す必要があります。投稿 ID は Magnific Popup がバインドされている要素の data 属性に格納されます。これが機能することを望みます:
HTML 要素:
Javascript:
postId は data 属性から読み取られます。
前もって感謝します。
javascript - Magnific Popup - Ajax ポップアップを使用したスクロール
左右にスクロールして画像を次々と表示できるライトボックスギャラリーを知っていますが、これはajaxポップアップで可能ですか? この機能を許可するデリゲートを割り当てることができるとは思いません。
ここに例があります。
magnific-popup - Magnific Popup - You Tube ビデオを開くときのエラー
壮大なポップアップ ウィンドウで再生するビデオを取得できません。を使用するclass=iframe
と、ページが youtube にリダイレクトされ、ビデオが再生されます。しかし、 を使用するclass=popup-youtube
と、ポップアップは表示されますが、次のエラー メッセージが表示されます。
このウェブページは見つかりません
HTMLコードは次のとおりです。
JS は次のとおりです。
テストのためにIISを介してPCでローカルに実行しています。単一の画像、ギャラリーの画像、Google マップ用に設定した他のリンクは、素晴らしいポップアップで正常に機能します。動かないのは動画だけです。
jquery - Magnific Popup にスライダーを含めることはできますか?
複数の画像のギャラリーを含む Web サイトを作成しています。これらの画像は基本的に表紙の役割を果たします。クリックすると、そのアイテム内の画像のスライドショーのみを含むライトボックスを開くために Magnific Popup を使用したいと思います (ギャラリー アイテム 1 からギャラリー アイテム 2 などには移動しません...)。 Swiper プラグインを使用してスライドショーをセットアップしましたが、これをポップアップ ウィンドウで開きたいと思います。ポップアップで HTML コンテンツを開くことができることは知っていますが、スライドショー全体を含む div についてはどうでしょうか? それは論理的に思えますが、私はそれを機能させることができません。
javascript - 壮大なポップアップ オブジェクト
壮大なポップアップ
プラグインのような jQuery ライトボックスである Magnific Popup を使用します。組み込みオブジェクトを使用して属性を取得しようとしています。
思ったようにうまくいきません。ここでAPIを読みました:
http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
これまでに試したこと
コンソールでオブジェクトを取得しましたが、そこから属性を取得できません。(WordPress で使用されているため、jquery Ready は少し異なります (エイリアス))
自分の考え
- これは $(this) のようなオブジェクトではなく、同じように機能しませんか?
- 私はそれを間違った方法で呼びますか?
- この問題に対して間違ったオブジェクトを使用していますか?
質問
それはどのように正しく行われますか?