Tag: magnific popup

Magnific-popup根本不起作用

我在这里有些问题。 我已经尝试了好几天了！ 我已经在这里查看其他问题以尝试解决我的问题，但我仍然不能让夸张的弹出工作。 我不知道我做错了什么，我搜索谷歌，原始文档，stackoverflow问题，但我的网站只是没有显示弹出窗口。 这是我到目前为止的代码。 $(document).ready(function($){ // Inline popups $(‘#inline-popups’).magnificPopup({ delegate: ‘a’, removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function() { this.st.mainClass = this.st.el.attr(‘data-effect’); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source. }); }); Magnific […]

在Magnific Popup中共享按钮

我希望为图库中的每个图像添加共享按钮（Pinterest启动），而无需进入并手动包含每个图像/条目的URL等。 在将其function包含在其他灯箱中时，还有很多指导 – 特别是与特定的CMS相结合; 我一直在审查这些说明，以及w3资源和其他stackoverflow.com条目 – 希望我可以放在一起。 我想把分享按钮放在柜台上。 到目前为止，我失败了。 我确实有一次尝试导致按钮显示，但是脚本没有确认图像的路径是否成功“pin”。 随后尝试包含“Pin It”按钮只会破坏Magnific。 目前，我有： tCounter: ‘ ‘} 任何提示将非常感谢！ 谢谢！

如何在页面加载时加载magnific popup模式

我正在尝试在页面加载时加载我的大胆弹出模式，但是我不太明白文档中的语法。 如何在页面加载时调用模态？ 我的HTML： Modal Test Test Some text. Dismiss 我的JS： $(window).load(function(){ ???? What code should I place??? }); 我已经预装了脚本和css文件，我在JS里面键入什么来加载弹出窗口加载？

无限滚动与Magnific Popup回调

我正在使用Infinite滚动和Magnific Popup。 弹出窗口对“第1页”的内容起作用，但之后失败。 我试图在infiniteScroll调用中使用MagnificPopup的回调。 $grid.infiniteScroll({ path: ‘.pagination__next’, append: ‘.grid__item’, outlayer: msnry, status: ‘.page-load-status’, }, function( newElements ) { $(‘.open-pop’).magnificPopup({ type: ‘inline’, mainClass: ‘mfp-fade’, fixedContentPos: false, gallery: { enabled: true, navigateByImgClick: false, } }); }); 我的问题类似于这个Magnific弹出窗口和无限滚动 ，我试图实现它是不成功的。 可能是一个额外的复杂因素是我正在使用砌体。 这是我的完整代码： // init Masonry var $grid = $(‘.grid’).masonry({ itemSelector: ‘none’, // select none at first columnWidth: ‘.grid__col-sizer’, gutter: […]

为什么我的弹出式样格搞砸​​了？

我正在使用Magnific Popup来创建弹出窗体。 我复制并粘贴了“Popup with Form”演示中的代码，生成以下测试文件： $(document).ready(function() { $(‘.popup-with-form’).magnificPopup({ type: ‘inline’, preloader: false, focus: ‘#name’, // When elemened is focused, some mobile browsers in some cases zoom in // It looks not nice, so we disable it: callbacks: { beforeOpen: function() { if($(window).width() < 700) { this.st.focus = false; } else { this.st.focus = '#name'; } […]

无法获得巨大的弹出工作，两个javascript错误

我正在尝试制作一个灯箱库，并使用了示例源代码。 这是我读过的文档： http ： //dimsemenov.com/plugins/magnific-popup/documentation.html Uncaught TypeError: undefined is not a function Uncaught ReferenceError: $ is not defined 我不确定错误是什么意思或者用它们做什么。 在我看过的video教程中，他们说了一些关于jquery冲突是一个潜在的问题。 在网站的另一页上，我使用了Kwicks滑动菜单（也使用了jquery）。 这是我唯一能想到的。 我真的很感激你能给我的任何帮助！ 谢谢！ 没有更多的错误，但现在我需要使用放大光标放大使图像hover。 我做了hover工作，现在我需要放大放大光标工作。 我附上了一个页面，说明我在hover时光标的内容。 示例： http ： //dimsemenov.com/plugins/magnific-popup/ 我已经找到了变焦光标！ 感谢您的帮助！

点击任意位置关闭MagnificPopup ajax框

每当我试图填写登录表单（这是一个巨大的弹出ajax框）时，它会在第一次点击时关闭。 main.html中 $(document).ready(function() { $(‘.ajax-popup-link’).magnificPopup({ type: ‘ajax’, alignTop: false, overflowY: ‘scroll’ }); }); try me https://stackoverflow.com/questions/18200338/click-anywhere-closes-magnificpopup-ajax-box/result.php Email: Password: Password:

如果单击内容，为什么放大popup ajax框会关闭

请请帮助我..我一直在尝试使用巨大的弹出式ajax框来显示登录表单。 似乎表单出现但是只要我点击表格或ajax身体的任何地方，它就会消失。 下面是代码 $(document).ready(function() { $(‘.ajax-popup-link’).magnificPopup({ type: ‘ajax’, alignTop: false, closeOnContentClick: false, overflowY: ‘scroll’ }); }); try me 下面是我想在ajax框中加载的php。 这不是完整的 Email:Password:

如何在YouTube弹出窗口中嵌入YouTubevideo？

我有一个很棒的弹出插件。但它没有在弹出窗口上显示video如何在巨大的弹出窗口中嵌入YouTubevideo？

将magnificPopup与动态元素一起使用

我有两张照片，都有“foto”类。 在每张照片下，我添加了一个按钮，允许我删除照片。 但是，我仍然可以在从DOM中删除照片后打开照片，而不是像预期的那样拍摄1张照片中的1张，我仍然在右下方有2张照片，我仍然可以在magnificPopup的galery中看到已删除的照片。 它还在缓存中吗？ $(document).ready ( function() { $(‘.foto’).magnificPopup ( { type: ‘image’, closeOnContentClick: false, closeBtnInside: false, mainClass: ‘mfp-with-zoom mfp-img-mobile’, image: { verticalFit: true, titleSrc: function(item) { return item.el.attr(‘title’) + ‘ · image source’; } }, gallery: { enabled: true }, zoom: { enabled: true, duration: 300, // don’t foget to change the duration also […]