Javascript 放大弹出窗口工作不正常

我正试图在一个漂亮的框中显示一个div内容。 我阅读了文档，我认为我做的一切都是对的。但结果并不是我想要的，我得到的结果是一个蓝色的边框，而不是一个包含我div内容的漂亮盒子。我做错了什么

HTML:

我的jQuery：

<script type="text/javascript">
    $('.popup-link').magnificPopup({
    closeBtnInside: true,
    alignTop: false
});
</script> 

$（“.popup链接”）.magnificPopup({
closebtnside:true，
alignTop:false
});

结果图像：

我的小提琴示例：

---

您能在Chrome中检查弹出窗口吗？查看是否附加了其他样式。添加蓝色边框的样式。尝试在jsfiddle中重新创建它我的小提琴在这里：你的小提琴不包括jquery或放大弹出窗口。你展示的有限的css是你页面上唯一的css吗？这是一个jQuery和放大版的更新版本，我相信你缺少了他们的css样式（）这是在SASS中，但是，你需要compass或codekit将其编译成css。或者只是抓住你缺少的样式，用CSS重新编写它们。Thaks，我不从这里加载：！我认为是一样的，我不明白为什么这个边界出现，为什么反交叉关闭出现在下面，而不是在右角！我放的图片是我的帖子不是放大弹出窗口的正常方面，对吗？

.white-popup {
   background: #FFF;
   padding: 40px;
   max-width: 200px;
   margin: 20px auto;
   text-align: center;
}

.mfp-hide, .mfp-preloader {
   display:none
}

<script type="text/javascript">
    $('.popup-link').magnificPopup({
    closeBtnInside: true,
    alignTop: false
});
</script>