1

Magnific Popup プラグインを使用しています。私のコードは次のとおりです-

        $(".event").magnificPopup({

            items: {

                src: ".hidden-div",
                type: "inline"
            },
            closeBtnInside: true
        });

問題は、ポップアップしようとしている「.hidden-div」セクションの CSS 表示プロパティが none に設定されていることです。これは、ポップアップを介してのみページに表示されるようにするためです。

上記のスクリプトが実行されたときに「ブロック」と言うように表示プロパティを設定し、ポップアップが閉じられたときに「なし」に戻す方法はありますか?

4

2 に答える 2

1

これが現在のやり方です。基本的に私はここでAPIを参照しました

$(".event").magnificPopup({

            callbacks: {
                open: function(){

                    $(".hidden-div").css("display", "block");
                },
                close: function(){

                    $(".hidden-div").css("display", "none");
                }
            },

            items: {

                src: ".hidden-div",
                type: "inline"
            },
            closeBtnInside: true
        });

他の人にも役立つことを願っています！トピックから少し外れましたが、本当にプラグインが好きです!

于 2013-11-06T07:20:11.890 に答える