Magnific Popup没有显示

时间:2016-08-10 05:45:12

标签: javascript jquery popup inline magnific-popup

当我将测试文档设置为使用' inline' Magnific Popup我单击链接/按钮,页面的URL发生变化,但实际上没有出现。

我直接从原始演示中复制并粘贴了,我在之后的Magnific的.js之前包含了jQuery库。我尝试过交换初始化代码。我老老实实地失去了轨道。我也无法让Chrome中的调试程序正常打开,但我收集到的是我错过了结束}但是当我添加它时,事情只会进一步打破。

我还做了一个JSFiddle,尽管不知道如何使用它:https://jsfiddle.net/3b15w3ek/6/

$(document).ready(function() {
// Example 1: From an element in DOM
$('.open-popup-link').magnificPopup({
    type:'inline',
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
});

2 个答案:

答案 0 :(得分:1)

我检查了小提琴,发现jQuery1.9.1的URL错误并纠正了它。请参阅更新的小提琴:

https://jsfiddle.net/3b15w3ek/7/

更新的代码是:

$(document).ready(function() {
  // Example 1: From an element in DOM
  $('.open-popup-link').magnificPopup({
    type: 'inline',
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
  });
});

答案 1 :(得分:0)

您没有关闭该功能(缺少上一个l = {1: 'a', 2: 'b'} for i in l: print(i) # output: # 1 # 2 ):

});

为了使这段代码能够在JSFiddle中运行,您还需要在Javascript设置中设置“Framework& Extensions”=“jQuery 1.9.1”(或更高版本)。否则,在Magnific图库中找不到$(document).ready(function() { // Example 1: From an element in DOM $('.open-popup-link').magnificPopup({ type:'inline', midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. }); }); 符号...