如何在 Magnific Popup 中更改 CSS 属性答案

【问题标题】：How to change CSS property in Magnific Popup如何在 Magnific Popup 中更改 CSS 属性
【发布时间】：2013-11-06 06:44:22
【问题描述】：

我正在使用 Magnific Popup 插件。我的代码如下 -

        $(".event").magnificPopup({

            items: {

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

问题是我要弹出的“.hidden-div”部分，它的 CSS 显示属性设置为 none，因为我希望它仅通过弹出窗口在页面上可见。

那么有没有办法在执行上述脚本时将其显示属性设置为“阻止”，并在弹出窗口关闭时将其设置回“无”？

【问题讨论】：

标签： jquery css jquery-plugins popup magnific-popup

【解决方案1】：

仅供参考，根据设计，您应该将mfp-hide CSS 类添加到应该隐藏的元素中。 Magnific Popup 将自动将其切换为打开/关闭。 http://dimsemenov.com/plugins/magnific-popup/documentation.html#inline_type

【讨论】：

好的。也会试试看的！
我的答案中的方法也有效，但这肯定更好更直接！

【解决方案2】：

这就是它现在的工作方式。基本上我参考了 API here

$(".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
        });

我希望它也对其他人有用！有点跑题了，真的很喜欢这个插件！

【讨论】：