javascript - bPopup jQuery模态主体未显示

因此，我尝试将bPopup用作模式窗口，但看不到弹出实际的模式窗口。我遵循了文档中的说明（请参阅http://dinbror.dk/bpopup/），但似乎无法显示它。我想念什么吗？

    <html>
        <script type = "text/javascript" src = "jquery-1.11.3.min.js"></script>
        <script type = "text/javascript" src = "jquery.bpopup.min.js"></script>
        <p> Some text </p>
        <div style="display:none" id='popup'>
                Why is there no modal body???
        </div>
        <script type = "text/javascript">
                $(document).ready(
                                function(){
                                        $('p').click(function(){
                                                $('#popup').bPopup();
                                        })
                                })
        </script>
     </html>

生成的脚本如下所示：

单击后，结果是这样的：

但是，在文档上，模态如下：

我真的不确定我缺少什么。我可能只是对真正显而易见的东西视而不见，有什么想法吗？

最佳答案

你读过这个吗？

  什么是bPopup？ bPopup是一个轻量级的jQuery模态弹出插件
  （压缩后仅1.49KB）。它不会创建或设置弹出窗口的样式，但是
  为您提供所有逻辑，例如居中，模式叠加，事件
  和更多。它为您提供了很多定制的机会，因此它将
  满足您的需求。

因此，您需要为模式窗口编写自己的样式。