Magnific Popup - 使用$ .magnificPopup.open时启用缩放动画

Question

当我使用下面的语法预初始化Magnific Popup时，我能够启用缩放动画。

element.find('.productImage').magnificPopup({
                type: 'image',
                mainClass: 'mfp-with-zoom',
                zoom: {
                    enabled: true,
                    duration: 300, // duration of the effect, in milliseconds
                    easing: 'ease-in-out' // CSS transition
                    }
            });

但是，在某些地方我需要使用$ .magnificPopup.open函数来显示图像。但是下面的语法给了我一个“JavaScript运行时错误：对象不支持属性或方法'是'”错误。

element.on('click', function() {
                $.magnificPopup.open({
                    items: {
                        src: $(this).attr('data-mfp-src')
                    },
                    type: 'image',
                    zoom: {
                        enabled: true,
                        duration: 300, // duration of the effect, in milliseconds
                        easing: 'ease-in-out' // CSS transition
                    }
                });
            });

如果我从调用中移除“zoom {...}”部分，它可以正常工作，但是当以这种方式打开弹出窗口时，拥有缩放动画会很好。有可能吗？请指教。谢谢！