Javascript Can'；t使用JQuery和magnific popup.js打开弹出窗口

我已经加载了magnific popup.js库来显示表单的弹出窗口

HTML:

JS:

$（文档）.ready（函数（）{
$（'.popup with form'）。放大弹出({
键入：“内联”，
预加载程序：false，
焦点：“#名称”，
//当关注elemened时，某些移动浏览器在某些情况下会放大
//它看起来不好，所以我们禁用它：
回调：{
beforeOpen:函数（）{
如果（$（窗口）.width（）<700）{
this.st.focus=false；
}否则{
this.st.focus='#name'；
}
}
}
});
});

---

这没有按预期在弹出窗口中显示表单。您可能会看到带有依赖项的示例

放大弹出窗口不会对弹出窗口应用任何样式。你必须自己做：。如果要使其看起来像他们的示例，请添加：

.white-popup-block {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

---

在FF中为我打开弹出窗口，并显示表单。它需要清理一些，但除此之外，它还能工作。您是否查看了正在进行错误测试的浏览器中的控制台？我在控制台中没有收到任何错误/消息。Chrome中的弹出窗口只是一个带有输入字段的空白屏幕。。。就这样！谢谢你的帮助！

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

.white-popup-block {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}