magnific-popup | 易学教程

Magnific Popup - Error when opening a you tube video

阅读更多关于 Magnific Popup - Error when opening a you tube video

Can not get a video to play in the magnific pop up window. When I use class=iframe , the page will redirect to youtube and play the video. But when I use class=popup-youtube , the popup will display, but I receive the following error message: This webpage is not found No webpage was found for the web address: file://www.youtube.com/embed/AcnImfXjBHo?autoplay=1 Error 6 (net::ERR_FILE_NOT_FOUND): The file or directory could not be found. Here is the HTML code: <a class="popup-YouTube" href="HTTP://www.youtube.com/watch?v=AcnImfXjBHo"> Trial Master File Video</a> Here is the JS: $(document).ready

I can't get magnific-popup animations to work

阅读更多关于 I can't get magnific-popup animations to work

I've been through the excellent documentation for this and it's great. http://dimsemenov.com/plugins/magnific-popup/documentation.html I have the basic pop up working fine. My problem is with the animations. I just can't get them to work. Apologies if I've missed something very basic but I've spent too long on this now and hope someone can point out my mistake. It currently just appears no fade nothing. I've played with it on codepen and can recreate the issue by removing the CSS so perhaps this is not getting through correctly, although I know it is linking as it is styling the pop up just

How to open a magnific popup on page load?

阅读更多关于 How to open a magnific popup on page load?

I'm using Magnific Popup and I would like to have a video come up as soon as the page loads in a popup. I got the plugin to work fine, but I have no idea on how to get it to pop up as soon as the page loads, without clicking on the thumbnail. I looked around for a solution, but I did not manage to get it to work. If you're using jQuery you could just listen for the window load event and then call the open method for your Magnific Popup like so: (function($) { $(window).load(function () { // retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api $

how to open popup within popup in magnific popup plugin

阅读更多关于 how to open popup within popup in magnific popup plugin

问题 can anybody tell me how to open popup within popup using magnific-popup jquery plugin (using ajax). $('.ajax-popup-link').magnificPopup({ type: 'ajax' }); <a href="path-to-file.html" class="ajax-popup-link"> Link 1 </a> on "path-to-file.html" <a href="path-to-other-file.html" class="ajax-popup-link"> next popup </a> Thanks 回答1: You can't have two windows open at once. But the content of popup is replaced when is called second time, here is example - http://codepen.io/dimsemenov/pen/hwIng 回答2:

I can't get magnific-popup animations to work

阅读更多关于 I can't get magnific-popup animations to work

问题 I've been through the excellent documentation for this and it's great. http://dimsemenov.com/plugins/magnific-popup/documentation.html I have the basic pop up working fine. My problem is with the animations. I just can't get them to work. Apologies if I've missed something very basic but I've spent too long on this now and hope someone can point out my mistake. It currently just appears no fade nothing. I've played with it on codepen and can recreate the issue by removing the CSS so perhaps

How to open a magnific popup on page load?

阅读更多关于 How to open a magnific popup on page load?

问题 I'm using Magnific Popup and I would like to have a video come up as soon as the page loads in a popup. I got the plugin to work fine, but I have no idea on how to get it to pop up as soon as the page loads, without clicking on the thumbnail. I looked around for a solution, but I did not manage to get it to work. 回答1: If you're using jQuery you could just listen for the window load event and then call the open method for your Magnific Popup like so: (function($) { $(window).load(function () {

Pop-up not showing (with magnific-popup)

阅读更多关于 Pop-up not showing (with magnific-popup)

I'm trying to implement magnific popup on my website but for some reason my test image is not opening in popup mode. What could be the issue? Many thanks <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Document sans nom</title>  <link rel="stylesheet" href="magnific-popup/magnific-popup.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1

Pop-up not showing (with magnific-popup)

阅读更多关于 Pop-up not showing (with magnific-popup)

问题 I'm trying to implement magnific popup on my website but for some reason my test image is not opening in popup mode. What could be the issue? Many thanks <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Document sans nom</title>  <link rel="stylesheet" href="magnific-popup

Magnific popup: Get current element in callback

阅读更多关于 Magnific popup: Get current element in callback

In Magnific Popup, I want to get an attribute in the link that is clicked and use it in a callback function (using callbacks: open) to make some changes in the DOM. How can I do this? For example, in the code below, it should return 'it works' to console. Instead it prints 'doesnt work'. Please help!! <a href="#test-popup" class="open-popup-link" myatt="hello">Show inline popup</a> <script src="jquery.magnetic.custom.js"></script> <script> $(document).ready(function() { $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { open: function() { if ($(this).attr('myatt'

Magnific popup: Get current element in callback

阅读更多关于 Magnific popup: Get current element in callback

问题 In Magnific Popup, I want to get an attribute in the link that is clicked and use it in a callback function (using callbacks: open) to make some changes in the DOM. How can I do this? For example, in the code below, it should return 'it works' to console. Instead it prints 'doesnt work'. Please help!! <a href="#test-popup" class="open-popup-link" myatt="hello">Show inline popup</a> <script src="jquery.magnetic.custom.js"></script> <script> $(document).ready(function() { $('.open-popup-link')