Questions tagged [magnific-popup]

Experience top-notch performance and seamless user interaction with Magnific Popup - a cutting-edge lightbox and dialog script designed to adapt beautifully to any device, whether you're using jQuery or Zepto.js.

Issue with Magnific Popup lightbox functionality, and mfp-hide is ineffective

Hello everyone, I am new to stackoverflow so please bear with me as I navigate through it. Although I am still a beginner in HTML, CSS, and JS, I have been using them for work on occasion. Recently, I implemented Magnific Popup on a website I am working o ...

The jQuery pop-up fails to activate on the initial click

I have multiple "Buy Now" buttons for different products. If the button is labeled as "sold-out," it should not do anything, but if it's available, it should trigger a jQuery Magnific Popup. Currently, the popup only opens after the second click becau ...

Magnificent Popup - Incorporating content from an external page into the dynamic slideshow

My goal is to make the galleries on my site more portable by generating a link to the projects page and then displaying the contents in a slider using Magnific Popup. I want it to function as if all elements were on the same page, but they need to be fetch ...

Magnific Popup displaying only the initial item

As someone new to using jQuery and Magnific Popup, I am working on a grid of images. When an image is clicked, I want Magnific Popup to display a specific div containing information relevant to that particular image. <div class="grid"> <div c ...

Malfunction in triggering events within an Ajax Magnific popup feature

I'm trying to load a page within a magnific popup using ajax: $("#operator").magnificPopup({ delegate: 'a.edit', mainClass: 'mfp-fade', closeBtnInside: true, removalDelay: 300, closeOnContentClick: false, t ...

Pressing anywhere will close the MagnificPopup ajax box

Every time I attempt to fill out the login form (which appears as a magnificent pop-up AJAX box), it unexpectedly closes with just one click. main.html $(document).ready(function() { $('.ajax-popup-link').magnificPopup({ type: ...

magnificPopup experiencing difficulties when attempting to invoke a class that is dynamically generated within the HTML document

Currently, I am encountering an issue with the magnificPopup. Whenever I try to trigger the popup using the class 'popup-with-zoom-anim', it doesn't seem to work as expected. Has anyone else faced a similar problem before? <body> <span id="filtro ...