問題タブ [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 投票する
2 に答える
4820 参照

javascript - Magnific Popup: スパンからのソースタイトル

Magnific 画像のタイトルを、タイトルからではなく、アンカー タグ内の非表示のキャプション フィールドから取得したいと考えています。これは、タイトルにマークアップが含まれているためです。

HTML

JS

したがって、明らかにreturn item.el.text;期待どおりに機能していません。ありがとう。

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

magnific-popup - クローズを防ぐ方法

ポップアップにいくつかのフォーム コントロールがあり、フォームが無効な場合にユーザーがそれを閉じないようにしたいと考えています。

テストとしてこれを試しましたが、ユーザーが閉じるボタンなどをクリックするとポップアップが閉じます。

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

jquery - magnific-popup アイテム配列内の特定のアイテムを開く

次のようなアイテムの配列があります。

そして、その配列に一致するいくつかの html コンテンツは、次のようになります。

html コンテンツは、すべての「#white-popup」で同じ構造になっています。ここで、magnific-popup を開く方法は、配列のようにまったく同じ量のアイテムがあるブートストラップ カルーセルから .magnificPopup 関数をトリガーすることです。私のjs配列から特定のアイテムをトリガーする何かをする必要があります。たとえば、カルーセルの 2 番目の項目をクリックすると、.magnificPopup ですべての項目が開きますが、2 番目の項目から始まります。

前もって感謝します。

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

jquery - 画像にライト ボックスを追加する

私は CSS と JQuery の経験がありません。したがって、アプリで Magnific Popup を実装することに迷っています。https://github.com/joshuajansen/magnific-popup-railsを使用しています。ビューに挿入したコードは、ページ自体に表示されています。私はgithubにあるものをたどり、ビューにコードを追加しました。

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

javascript - 素晴らしいポップアップでフォーム要素が機能しない

クリックすると小さな画像クラスがあり、メグネフィックポップアップが開きます。私の壮大なポップアップには、クリックされた画像の大きな画像と、ボタンをクリックすると other-form-opener クラスのボタンが 1 つあります。デフォルトでは動作しません。

私は自分のhtmlの構造を示しており、z-indexの問題がないことをすでに確認しています。だから私を助けてくださいありがとう。

ここにjsfiddleの私のデモがあります: http://jsfiddle.net/QHh7W/

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

javascript - 壮大なポップアップ - ビデオを再生しません

Magnific ポップアップを使用して YouTube ビデオを表示しようとしています。リンクをクリックしても何も起こらないという問題があります。エラー メッセージは表示されず、バックアップ動作に戻りません (YouTube へのリンクをたどります)。

デモページのコードを使用して、参照を自分のファイル構造に合わせて更新します。

サーバーから実行していますが、Chrome、IE9、Safari、Fiefox のどのブラウザーでも結果を取得できません。

http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe_typeのドキュメントを見ましたが、実際には理解していないため、それが役立つかどうかはわかりません。

ここで何が起こっているのかについてのヒントはありますか?

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

jquery - AJAX 関数を使用して Magnific Popup に別の HTML ファイルをロードする方法は?

AJAX タイプの Magnific Popup で別の HTML ファイル (同じサーバー上) をロードするにはどうすればよいですか? http://dimsemenov.com/plugins/magnific-popup/のソース コードを見ましたが、動作させることができません。画像、動画、iframe など、その他の種類のポップアップは問題なく動作しています。おそらくいくつかの重要な AJAX コードが欠けていますか? リンクをクリックすると、ポップアップに「読み込み中...」というテキストが表示され、HTML ファイルが読み込まれません。

これまでの簡略化されたコードは次のとおりです。

JS:

ajax.html ファイル:

ajax ファイル / ポップアップの CSS:

私は AJAX の知識がないので、サンプル コードは非常に役に立ちます。どんな助けでも大歓迎です。ありがとう!

編集: AJAXが(ローカル)サーバーなしでは機能しないことを知りませんでした。これはちょっと厄介ですが、同じ間違いをする他の人のためにこのメッセージを残しておきます.

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

magnific-popup - インライン コンテンツで「X」を閉じない

ページで magnificPopup を 2 回使用しています: www.thisismaceo.com/test.php

最初のボタン (ビデオ、一番下) はライトボックスのポップアップを開き、「x」を閉じます。2 番目のボタン (オーディオ) はライトボックスのポップアップを開きますが、「x」を閉じません。

など、非常に多くのオプションを試しました

無駄に。

手がかりはありますか?