壮丽的弹出窗口未显示答案

【问题标题】：Magnific Popup not showing壮丽的弹出窗口未显示
【发布时间】：2016-08-10 05:45:12
【问题描述】：

当我将测试文档设置为使用“内联”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.
});

【问题讨论】：

标签： javascript jquery popup inline magnific-popup

【解决方案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.
  });
});

【讨论】：

废话，我知道我会错过一些愚蠢的事情，非常感谢。 :)

【解决方案2】：

你没有关闭函数（缺少最后一个});）：

$(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.
    });
});

为了让这个 sn-p 在 JSFiddle 中工作，您还需要在 Javascript 设置中设置 "Framework & Extensions" = "jQuery 1.9.1"（或更高版本）。否则在 Magnific 画廊中找不到 $ 符号...

【讨论】：

感谢您的帮助。 :)