問題タブ [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 に答える
923 参照

jquery - Magnific Popup: 特定の div を iframe にロードする

ドキュメントで、壮大なポップアップで ajax オプションを介して特定の div をライ​​トボックスにロードできることを見ました。

parseAjax: function(mfpResponse) { // mfpResponse.data は、ajax の「成功」コールバックからの「データ」オブジェクトです。たとえば、#some-element だけを表示するには: // mfpResponse.data = $(mfpResponse.data).find('#some-element');

// mfpResponse.data は文字列または DOM (jQuery) 要素でなければなりません

ページの一部のみを表示するために、ローカル URL (外部サイトではない) から iframe に div をロードする同様の方法はありますか? どんなヒントでも大歓迎です

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

magnific-popup - ブラウザを閉じてmagnific-popupにする方法

ポップアップが機能していますが、ユーザーがブラウザの戻るボタンをクリックしてポップアップを閉じることがあります。

ブラウザの戻るボタンで、既に開いている「magnific-popup」を閉じるにはどうすればよいですか?

ありがとう

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

jquery - 壮大なポップアップjqueryのインストール

JavaScript は初めてで、Web サイトで Magnific Popup (Ajax Type) を使用したいのですが、次のコードをどこに配置すればよいかわかりません。

js ファイルと css ファイルをサイトに追加し、以下の「a href」タグでクラスを使用しました。

これを機能させるにはどうすればよいですか?

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

magnific-popup - URLを呼び出す壮大なポップアップオンロード

ページの読み込み時に Magnific Popup を使用してポップアップしたい静的な HTML ページがあります。サイトの例では、ページの URL を持つリンクをクリックするだけです。リンクは必要ありませんが、ページの読み込みだけが必要です。リンクなしで呼び出される URL を取得するにはどうすればよいですか? 私はオンロードを理解しました

たとえば、test.html をポップアップ オンロードに表示したいとします。これがどのように行われるかわかりません。

0 投票する
0 に答える
773 参照

javascript - JavaScript関数を介してインラインmagnific-popupを呼び出す方法

js関数を介してインラインポップアップを呼び出したいです。しかし、どのように?私はたくさん試します

「type:ajax」では機能しますが、「type:inline」では機能しません

インラインポップアップにも同じことが欲しい

例えば

ありがとう

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

magnific-popup - magnific-popup プラグインで画像に固定サイズを与える方法

アプリケーションにいくつかの画像リンクを表示するために、magnific-popup プラグインを使用しています。すべての画像を実際のサイズで表示します。ただし、これらの画像をカスタムの幅と高さで表示したい..どうすればそれを行うことができますか..初期化中に壮大なポップアップでコンテンツのサイズを指定するオプションはありますか..? 誰かアイデアを持っていますか..

前もって感謝します。

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

jquery - Magnific Popup - クラスを使用して特定の要素の非表示を除外する

壮大なポップアップ インライン div に jQuery UI 入力フィールドがあります。次に示すように、オートコンプリート ul は他のすべてのものと一緒に隠されています。

ここに画像の説明を入力

(オートコンプリートは黄色で強調表示されます)

私がやろうとしているのは、ポップアップ div と同じクラスを autocomplete ul に追加することです

これは機能しません。壮大なポップアップの非表示から要素を除外する方法を調べていましたが、明確な答えが見つかりませんでした。

0 投票する
0 に答える
210 参照

javascript - Google InfoBox と titleSrc による壮大なポップアップ

以下のこのコードでは、画像ポップアップの下にあるタイトルを取得できません!

私は何が間違っているのかわからない!!!

'titleSrc : 'data-title'' を削除すると、すべて正常に動作します;))

});

ご協力いただきありがとうございます

更新しました

});

titleSrc : 'TEST' を入れても

0 投票する
0 に答える
1670 参照

javascript - 送信時に Google ドキュメント フォームがリダイレクトされないようにする

このメソッドを使用して、Google ドキュメント フォームをリダイレクトし、カスタム ページにリダイレクトしました。(出典:朝.am)

しかし、どのページにもリダイレクトしたくありません。代わりに、ポップアップ div に確認メッセージを表示します (マグニフィック ポップアップ - インラインなど)。

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

jquery - Magnific-popup がまったく機能しない

私はここでいくつかの問題を抱えています。私は何日もすべてを試しました!私の問題を解決するために、ここで他の質問を既に見ていますが、まだmagnific-popupを機能させることはできません。

何が間違っているのかわかりません。Google、元のドキュメント、stackoverflow の質問を検索しましたが、私のサイトにはポップアップが表示されません。

ここに私がこれまで持っているコードがあります。


私のプロジェクトに含まれる JS および CSS ファイルは、次のページからダウンロードしました: https://github.com/dimsemenov/Magnific-Popup/tree/master/dist


また、このスタックオーバーフローの質問に基づいて、CSS ファイルにコードを追加しました: I can't get magnific-popup animations to work

これは私が追加したCSSコードです:

これを修正するために他に何ができるかわからないので、皆さんが私を助けてくれることを本当に願っています. ありがとう。