问题标签 [magnific-popup]

我正在尝试在我的网站上实现宏伟的弹出窗口，但由于某种原因，我的测试图像没有以弹出模式打开。可能是什么问题？非常感谢

我有一些 ASP 代码，我试图通过 Magnific Popup 显示/隐藏，方法是将页面中的 div 作为源传递给它。

JS：

div 显示和隐藏得非常好。不过，我似乎无法asp:Button id="btnImport"真正触发它的功能（现在是MsgBox显示 的内容asp:TextBox）。事实上，我什至没有看到我的 Web 控制台中记录了 post/get 请求。

但是，该按钮在不位于该 div 内时可以正常工作，TextBox甚至可以从后面的代码访问，所以我知道我的实际点击功能正在工作。任何想法可能会发生什么？Magnific 是否以某种方式阻止了回发？

我在“Magnific Popup”中发现了 2 个很棒的 jquery 插件和一个特殊的stapel 功能“具有自动分组的自适应缩略图堆效果”，我认为将两者结合起来，我可以通过调整灯箱大小制作一个非常酷（响应式）的产品组合。

但不幸的是，正如您在此处看到的那样，它们并没有像我预期的那样一起工作。

当您单击顶部图片并打开出现的 2 张图片中的一张时，它将显示在灯箱中，但在图片下方没有关闭按钮和标题。因此，您必须使用“浏览器后退按钮”（不好）返回。

当您单击底部“没有订书钉功能”的小图片之一时，该图片将打开，并带有关闭按钮和“放大弹出窗口”中的标题。所以这里宏伟的弹出窗口工作正常。现在，我不明白为什么放大弹出关闭按钮/标题没有出现在顶部的钉书钉功能图片。

由于我不是 JS 专业人士，我只能猜测这两个 js-script 之间可能存在冲突，所以我尝试添加“jQuery.noConflict();” 但这只是猜测，并没有解决问题。

我希望，有人有一个想法。

这是 HTML 标头中的 JS 内容：

这是关闭 body-Tag 之前用于 magnific-popup 的 JS：

magnific-popup 由链接中的 class="popup" 调用（在这里工作正常）：

..这些图片不起作用：

我最近刚刚实现了“Magnific Popup”并且弹出窗口很好，但是当我单击输入框时，整个弹出窗口消失回父页面。在插件网站上显示的示例中，整个对话框都是可单击的，直到您单击该框之外。

我希望它只是我错过的非常简单的东西，但它仍然在我脑海中。

我真的很感激我能得到的任何帮助！

谢谢 ：）

我怎样才能将 magnific-popup 画廊限制为直接兄弟姐妹？当我打开第一个 .child 中的图像时，我不希望第二个 .child 中的图像出现在图库中。

html结构：

我如何初始化 Magnific-Popup：

我有一个 Magnific Popup，其中有一个动态添加列表项的按钮。在每个列表项中都有一个用于删除列表项的按钮。但是，当列表项被删除时，它也会关闭弹出窗口。当我再次打开弹出窗口时，列表项消失了。这是一个错误还是我做错了什么？非常感谢您的帮助，谢谢！

codepen 示例：http ://codepen.io/anon/pen/sxfen

HTML：

Javascript：

我一直在寻找一个响应式灯箱，它将从画廊中的指定点开始自动播放画廊。Magnific Popup看起来很扎实。任何人都有办法让它充当灯箱幻灯片——也就是说，让画廊自动前进吗？

从Magnific 文档中看起来应该有一种方法可以使用magnificPopup.next();,magnificPopup.updateItemHTML();和/或回调事件，但这超出了我的 javascripting

谢谢！

编辑：如果你在想“嗯，fancybox 的自动播放？”当然，那也可以。我还是想试试 Magnific

我正在尝试使用 Magnific-Popup jQuery 插件创建一个包含几个画廊的页面。s 中包含的不同部分div具有单独的 id 和.gallery包含图像的类。

为了让画廊在弹出窗口中分开，我为每个内容部分多次初始化脚本。但是，当我这样做时，在第一个内容部分之后，画廊弹出窗口中的图像（准确地说是两倍）比我链接的要多。我是 javascript 新手，所以我不确定我是否只是遗漏了一些明显的东西。

我正在使用 magnific-popup，我想知道是否有办法禁用画廊中第一个/最后一个项目上的箭头。

我已通读文档，但找不到有关此类功能的任何信息。

我想将事件绑定到弹出窗口的（动态创建的）内容。我发现“elementParse”回调返回一个 inlineElement 键，但它仅在超时后可用。

我怎样才能最好地做到这一点？

我的代码的简化版本：

HTML：

JS：