问题标签 [magnific-popup]

简介：
这是一个新手业余设计师想问的关于如何正确创建 Magnific Popup 的问题。所以，这听起来可能有点菜，但那是因为我是新手。

我想知道的：
我想知道如何创建一个 Magnific Popup，其中包括：完整的 HTML 结构、放置脚本的位置以及需要哪些脚本。

我在来 StackOverflow 之前做过的事：
花了无数个小时尝试实现 Magnific Popup，但无济于事。我得到的最终结果只是图像，当我点击它时，它会将我重定向到图像的链接。

资料来源：
这是文档：http ://dimsemenov.com/plugins/magnific-popup/documentation.html 。
这就是我要创建的内容：http: //dimsemenov.com/plugins/magnific-popup/ - 在 Lightbox Gallery 部分。

我尝试过的 HTML 结构，但失败了：

注意：
我还尝试将 .js 文件放在 .js 之前</body>，再次，以不产生预期的结果。
我想我错过了一些东西，我只是不确定是什么。在 Magnific Popup 的文档中，有很多我不明白的东西，但我认为它们不相关。

我希望有人能帮助我解决这个问题。

相关查询：
我无法让 magnific-popup 动画工作
弹出窗口未显示（使用 magnific-popup）
https://stackoverflow.com/questions/16572007/instructions-on-implementing-magnific-popup

再次感谢！我真的很感激你的想法！

我在我的网站上使用 Magnific Popup 时遇到问题：http ://www.cphrecmedia.dk/musikdk/stage/

尝试单击右上角的用户图标。不知何故，X 位于右侧，而不仅仅是弹出窗口上方。我还没有找到解决这个问题的解决方案。谁知道我做错了什么？

我有一个在点击谷歌地图标记时打开的信息框。在 infoBox 内有一个按钮“#open-popup”，单击该按钮应打开一个 magnificPopup 模式窗口，但没有任何反应。

作为测试，我在包含谷歌地图的 div 之外放置了相同的按钮，该按钮会打开模式窗口，但仅在第二次点击时！到底是怎么回事？

我已经尝试了很多天，但都有最严重的副作用。

任何帮助都感激不尽。

信息框内按钮的 HTML：

谷歌地图 div 外按钮的 HTML：

JS：

具有混合内容类型的画廊，它总是打开第一个元素，应该打开点击的元素

http://codepen.io/anon/pen/KvcCJ

仅包含图像的简单示例，效果很好。

http://codepen.io/dimsemenov/pen/qruJz

谢谢

我需要显示视频弹出的标题/说明。在图像类型中有此选项，但对于视频/iframe 则没有。

在文档（http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe_type）中，我找到了模板标记的示例，但我不明白如何使标题可见。

请您帮我设置 iframe 标记以在弹出窗口中显示标题，如链接

JS代码

谢谢你。

我在我的网站上使用华丽的弹出窗口，我想在单击链接时执行 ajax 函数，查询的结果应该是弹出窗口的内容。

这是我的代码（我在 JQuery 中很新）：

内容已加载，但弹出窗口未加载。

我需要将不同的内容加载到一个 Magnific 弹出窗口中，该弹出窗口在单击附加到 Google 地图中标记的信息框中的按钮时打开。

我计划在 magnificPopup 函数（见下文）之外的数组中列出内容，该函数定义了具有相应内容的所有标记。如何将正确的内容调用到放大弹出窗口中？我是针对标记、按钮还是信息框？...如何？

我所在位置的一个工作示例在这里>> http://jsfiddle.net/asier_adq/JdWmm/4/

在此先感谢您的任何指点。

我正在尝试在我的网站上实现宏伟的弹出窗口。它适用于 IE10，Firefox 甚至在 iPad 上。但由于某种原因，图像没有在 IE8 中以弹出模式显示。（我没有在 IE9 中检查）。它显示的只是一个白屏。可能是什么问题？这是我的链接：http ://www.fietseling.org/media/routes2013/index.html

这是代码：Magnific Popup

非常感谢

我使用的插件是：http ://dimsemenov.com/plugins/magnific-popup/

我想知道是否有办法将标题设置为图像标题以外的内容。我想从特定标签/类中获取标题。

我的结构是这样的：

我认为它是“titleSrc：'title'”参数，但我不知道如何为标题选择 p 标签（如果需要，可以附加一个类或 id）。

任何帮助将非常感激。

我正在尝试使 宏伟的弹出窗口包含一些表单。我想通过 html 锚点将变量传递给最终的弹出窗口。作为此伪代码中的Var1 ：

我需要这个，因为我将生成服务器端（w. PHP）启动器，以便每个链接都会生成不同的表单数据。

编辑：我想到的一种方法是在启动器中使用自定义属性，例如：

但我无法真正获得正确的 jQuery 语法，用于在 magnific-popup 初始化中嵌套处理属性。我的 js/jquery 知识非常基础，所以感谢您的任何提示。