问题标签 [magnific-popup]

我想从锚标签内的隐藏标题字段中获取我的 Magnific 图像的标题 - 而不是从标题中获取。这是因为我的标题包含标记。

HTML

JS

所以显然return item.el.text;没有按预期工作。谢谢。

我的弹出窗口中有一些表单控件，如果表单无效，我想阻止用户关闭它。

我只是作为测试尝试过，但是当用户单击关闭按钮等时，弹出窗口仍然关闭。

我有一组看起来像这样的项目：

还有一些与该数组匹配的 html 内容，看起来有点像这样：

每个“#white-popup”的 html 内容具有相同的结构。现在，我打开 magnific-popup 的方式是从引导轮播中触发 .magnificPopup 函数，其中我的数组中的项目数量完全相同。我需要做一些事情来触发我的 js 数组中的某个项目。例如，如果我单击轮播中的第二个项目，我将让 .magnificPopup 打开所有项目，但从第二个项目开始。

提前致谢。

我没有使用 CSS 和 JQuery 的经验。因此，我在使用我的应用程序实现 Magnific Popup 时迷失了方向。我正在使用https://github.com/joshuajansen/magnific-popup-rails。我在视图中插入的代码显示在页面本身上。我遵循了 github 上的内容，然后将代码添加到视图中。

当我点击打开 megnefic 弹出窗口时，我有小图像类。在我的巨大弹出窗口中，当我点击按钮时，有点击图像的大图像和一个带有其他表单打开器类的按钮，当我点击表单元素时，带有表单的 other-form-div 类在这部分出现了我的自定义弹出窗口默认情况下不工作。

我给出了我的 html 结构，并且我已经确认没有 z-index 问题。所以请帮助我，谢谢。

这是我在 jsfiddle 中的演示：http: //jsfiddle.net/QHh7W/

我正在尝试使用 Magnific 弹出窗口来显示 YouTube 视频。我有一个问题，当您单击链接时，什么都没有发生。没有错误消息，也不会恢复到备份行为（按照 YouTube 的链接）。

只需使用演示页面中的代码，并更新参考以适合我自己的文件结构：

我在服务器上运行它，但在我的任何浏览器中都无法获得结果——Chrome、IE9、Safari、Fiefox。

我查看了http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe_type上的文档，但我实际上并不理解它，所以我不知道这是否可以帮助我。

关于这里可能发生什么的任何提示？

如何在 Magnific Popup、AJAX 类型中加载另一个 HTML 文件（在同一服务器上）？我查看了http://dimsemenov.com/plugins/magnific-popup/的源代码，但我无法让它工作。其他弹出窗口类型工作正常，例如图像、视频和 iframe。我可能遗漏了一些重要的 AJAX 代码？单击链接后，弹出窗口会显示文本“正在加载...”并且不会加载 HTML 文件。

这是到目前为止的简化代码。

JS：

ajax.html 文件：

ajax 文件/弹出窗口的 CSS：

我对 AJAX 没有任何了解，因此示例代码会很有帮助。任何帮助，将不胜感激。谢谢！

编辑：不知道没有（本地）服务器 AJAX 不起作用。这有点尴尬，但我会把这条信息留给会犯同样错误的其他人。

首先，感谢伟大的“Magnific Popup”插件！我有一个初学者的问题。我正在使用一种iframe类型。我在 iframe 中展示了几种类型的网站，它们中的大多数都是响应式的，并且占据了 iframe 的所有宽度。但在某些情况下，当网站没有响应时，我想向 iframe 添加一些特定的类，我在其中设置宽度的绝对值。什么是最合适的方法？

谢谢你，祝你秋天愉快！

（Yoo-hoo，这是第 100 个标记为“magnific popup”的问题！:)）

我可以使用帮助来创建样式表来覆盖 Magnific Popup ( https://github.com/joshuajansen/magnific-popup-rails ) 中的默认样式表。

我有代码供用户default_profile_id从他们上传的图像中选择他们。我遇到的问题是我需要允许当前用户从他们的页面做出决定的代码。例如，当前用户将鼠标悬停在他们的照片上，并在其上显示“制作个人资料照片”文本 ( https://s18.postimg.cc/arl81snll/mouse.jpg )。我不知道如何创建样式表或修改我所拥有的以便此操作可以工作。

任何有关将此操作添加到照片的帮助将不胜感激。

照片控制器：

照片模型：

用户模型：

用户控制器：

照片表的列是： id, created_at, updated_at, image, name,user_id

用户表具有以下相关列： id,default_photo_id (integer)

我在页面上使用了两次 magnificPopup：www.thisismaceo.com/test.php

第一个按钮（视频，在底部）打开灯箱弹出窗口并有一个关闭“x”第二个按钮（音频）打开灯箱弹出窗口但没有关闭“x”。

我尝试了很多选择，包括

无济于事。

任何线索？