问题标签 [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 投票
2 回答
298 浏览

ajax - 留在宏伟的弹出窗口内

我有一个与 Magnific Popup 配合得很好的 ajax 弹出窗口。但是,我通过 ajax 调用加载到弹出窗口中的页面包含一个超链接。

该页面的唯一内容是:

当我单击“测试”链接时,“anotherpage.html”会加载到原始父窗口中。

该链接指向的页面是否可以加载到同一个弹出窗口中?

0 投票
2 回答
2916 浏览

magnific-popup - Magnific Popup - Videogallery 中的计数器

我制作了一个带有华丽弹出窗口的视频库。

但与图片库不同的是,视频库不显示计数器,例如视频右下角的1/3 。为什么不?在图像库中,它运行良好。

视频库的代码:

图片库代码:

两个脚本都没有指定一个计数器,那么为什么它没有出现在两个脚本上呢?

谢谢你

0 投票
1 回答
854 浏览

jquery - Lack of Polish characters in content load by ajax (magnific popup)

I am trying to display polish characters, for example:

Wype ł nij poni ż sze pola

But instead of it I have:

Wype Šnij poni ż sze pola

In my main page I have set UTF-8 and polish encoding:

On this page every character is displaying OK.

However, when using Magnific Popup jquery plugin in order to display different html (in my case jsp as it SpringMVC based application) chars are badly rendered (as mentioned above).

The whole content of the different html which I am trying to load:

Should I add some endoding meta data to second page (above)?

Thanks for any help.

UPDATED

Here is code snippet which make an ajax call to 'different.html':

Source code of the magnific popup: https://github.com/dimsemenov/Magnific-Popup

0 投票
1 回答
793 浏览

jquery - 华丽的弹出式 jquery 风格

我正在使用 magnific popup 来加载一个 php 页面,但是一旦页面打开,其中的选择器就不会采用 jquerymobile 样式,而只会显示为常规输入选择器。我以这种方式加载 php 页面:

在 test-ajax.php 页面中,我有:

有任何想法吗 ?

0 投票
3 回答
15388 浏览

javascript - 如何在页面加载时加载 magnific popup modal

我正在尝试在页面加载时加载我的宏伟弹出模式,但是我不太理解文档中的语法。如何在页面加载时调用模态?

我的 HTML:

我的 JS:

我已经预加载了脚本和 css 文件,我在 JS 中输入什么来让它在加载时加载弹出窗口?

0 投票
0 回答
995 浏览

javascript - 宏伟的弹出窗口如何通过脚本打开弹出窗口,就像警报一样

我有一个 div,其内容要显示为弹出窗口,但是,我不确定如何使用 magnific popup 脚本自动在弹出窗口中打开它,就像警报一样。

当我使用单击事件触发具有“popup-modal”类的 div 时,我看到屏幕为灰色,其值呈现为 true。

0 投票
1 回答
1107 浏览

javascript - 无法使用 magnific popup 开始使用模态弹出窗口

我已经阅读了 Magnific Popup 的文档,包含了文件,并按照以下 JsFiddle从模态弹出窗口中复制并粘贴了代码

但这根本不起作用,上面的代码有什么问题?

0 投票
2 回答
2075 浏览

jquery - Magnific popup - 如何在模式中引用按钮?

如果我创建一个带有按钮的模态内联......我希望能够在单击每个按钮时执行某个操作。但是,我无法抓住模态中生成的这些按钮。

有谁知道我怎样才能抓住这些?

当每个按钮被点击时,我想根据其 ID 执行不同的操作。

如果可以的话请帮忙。我一直在为此苦苦挣扎。只是做一个标准的 jQuery 选择似乎不起作用。

谢谢,迈克尔。

0 投票
2 回答
736 浏览

javascript - 在 Justified Gallery 中使用 Magnific Popup

我正在尝试在Justified Gallery中使用Magnific Popup,但遇到了麻烦。它似乎没有拾取我希望它处理的锚标记,并且单击图像最终会直接进入 href 位置。

我知道它在页面上工作,因为如果我手写一些香草标记,它工作正常:

但是,由于我使用的是 Justified Gallery,生成的标记并不完全相同:

这是我用于工作示例和无效示例的 JavaScript:

我确实必须调整 Justified Gallery 才能添加 gallery-image 类,但其他一切都是库存。

我在想有什么矛盾的,但我似乎无法找到它。

有人用过这两个吗?我初始化 Magnific 的方式有问题吗?

0 投票
1 回答
1515 浏览

jquery - Magnific-Popup:画廊页面上内联对象的多个实例?

我有一个在内联“更多信息”链接上使用放大弹出窗口的画廊。我想要的是为每个点击的链接获取弹出内容(因为它们不同),但无论我点击什么链接,我都只会得到第一个链接的结果。

我已经尝试过使用each()和画廊。我不想要画廊,each()什么也没做。我还在学习 javascript,所以对于任何错误,我深表歉意。

感谢您的帮助。

解决方案:由于我在 Flask 中工作,因此我使用 loop.index 来迭代结果。然后我得到了 id_1、id_2 等。