问题标签 [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 回答
3047 浏览

jquery - Magnific Popup,回调后无法在 ajax 内容上触发函数

我试图在这个灯箱的 ajax 调用之后触发幻灯片,但没有运气。似乎在 html 注入之前触发了 parseAjax 回调,这是真的吗?

这是我的代码:

任何的想法?谢谢!

0 投票
1 回答
15793 浏览

jquery - 以编程方式触发 iframe 类型 magnificPopup

我试图弄清楚如何从 jquery.gantt 的 onItemClick 事件中实现宏伟的弹出窗口。幸运的是,它允许我们通过一个自执行函数来实现代码,该函数data从被点击的元素传递给该函数。

我现在遇到的问题是构建对 magnific popup 的适当调用,以便通过 jquery 加载 iframe 类型的弹出窗口。我已经尝试了几种不同的方法,不幸的是,因为我对这些 jquery 插件(也没有 jquery)都没有扎实的基本了解,所以我正在玩 monkey-see monkey-do。

这似乎很接近。type error: $.magnificPopup is not a function当我尝试触发此功能时,我得到了。如何触发完全由 javascript 生成的 iframe 类型弹出窗口?

0 投票
1 回答
1780 浏览

jquery - 使用 Magnific Popup (jQuery) 选择下一个弹出窗口

我正在使用 Magnific Popup 库。单击链接时,我需要加载下一个最近的 popup-div-content 。它适用于硬编码的 id,但我需要它才能正常工作(下一个),因为这将进入 cms 并且我不知道正在加载多少项目。

小提琴:http: //jsfiddle.net/BinaryAcid/XadjS/2/

0 投票
5 回答
9797 浏览

magnific-popup - 将点击元素的数据属性值传递给 ajax 设置

对于 Magnific Popup 的实现,我需要将 post id 传递给 ajax 设置。帖子 ID 存储在绑定 Magnific Popup 的元素的数据属性中。我希望这个工作:

html元素:

Javascript:

其中 postId 是从 data 属性中读取的。

提前致谢。

0 投票
6 回答
22512 浏览

javascript - Magnific popup:在回调中获取当前元素

在 Magnific Popup 中,我想在单击的链接中获取一个属性,并在回调函数中使用它(使用回调:打开)以在 DOM 中进行一些更改。

我怎样才能做到这一点?例如,在下面的代码中,它应该向控制台返回“it works”。相反,它会打印“不起作用”。请帮忙!!

0 投票
1 回答
1150 浏览

javascript - Magnific Popup - 使用 Ajax 弹出窗口滚动

我知道灯箱库,您可以左右滚动并查看图片,但这可以通过 ajax 弹出窗口实现吗?我不相信你可以分配一个代表来允许这个功能。

这里的例子。

0 投票
5 回答
19957 浏览

magnific-popup - Magnific Popup - 打开 YouTube 视频时出错

无法在放大的弹出窗口中播放视频。当我使用class=iframe时,页面将重定向到 youtube 并播放视频。但是当我使用时class=popup-youtube,会显示弹出窗口,但我收到以下错误消息:

未找到此网页

这是HTML代码:

这是JS:

我通过 IIS 在我的 PC 上本地运行它以进行测试。我为单个图像、图库图像和谷歌地图设置的其他链接可以很好地使用壮丽的弹出窗口。视频是唯一不工作的。

0 投票
3 回答
4696 浏览

jquery - Magnific Popup 可以包含滑块吗?

我正在创建一个包含多个图像库的网站。这些图像本质上是一个封面——当点击时,我想使用 Magnific Popup 打开一个灯箱,其中仅包含该项目中的图像幻灯片(不是从画廊项目 1 到画廊项目 2 等...)我已经使用 Swiper 插件设置了幻灯片,并希望在弹出窗口中打开它。我知道您可以在弹出窗口中打开 html 内容,但是包含整个幻灯片的 div 呢?这似乎合乎逻辑,但我无法让它发挥作用。

0 投票
2 回答
21923 浏览

javascript - 关闭时的 Magnific Popup 回调

我正在使用Magnific Popup上传图片。当用户单击或按下关闭按钮时,我想得到用户的确认是否关闭。

这是我的 Javascript:

但它不起作用。

0 投票
2 回答
4640 浏览

javascript - Magnific Popup 对象

壮观的弹出窗口

我使用 Magnific Popup,一个类似 jQuery 灯箱的插件。我尝试使用内置对象来获取属性。

它不像我想象的那样工作。我在这里阅读了 API:

http://dimsemenov.com/plugins/magnific-popup/documentation.html#api

到目前为止我尝试了什么

我在控制台中获取了对象,但无法从中获取属性。(准备好的 jquery 看起来有点不同(别名),因为它在 WordPress 中使用)

自己的想法

  • 这不是像 $(this) 这样的对象,并且不会以同样的方式工作吗?
  • 我叫它错误的方式?
  • 我为这个问题使用了错误的对象?

问题

它是如何正确完成的?