Javascript bPopup jQuery模态体未显示_Javascript_Jquery_Document Body_Bpopup

Javascript bPopup jQuery模态体未显示

javascript jquery

Javascript bPopup jQuery模态体未显示,javascript,jquery,document-body,bpopup,Javascript,Jquery,Document Body,Bpopup,因此，我尝试使用bPopup作为模式窗口，但我无法看到实际的模式窗口弹出。我按照文档上的说明进行了操作（请参阅），但似乎无法使其显示出来。我错过什么了吗 <html> <script type = "text/javascript" src = "jquery-1.11.3.min.js"></script> <script type = "text/javascript" src = "jquery.bpopup

因此，我尝试使用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>


一些文本
为什么没有模态体？？？
$（文件）。准备好了吗(
函数（）{
$（'p'）。单击（函数（）{
$（'#popup'）.bPopup（）；
})  
})

生成的脚本如下所示：单击后，结果如下：

然而，在文件中，模式如下所示：

我真的不知道我错过了什么。我可能只是对一些非常明显的东西视而不见，有什么想法吗？

你读过这个吗？

什么是bPopup？bPopup是一个轻量级jQuery模式弹出插件（仅1.49KB gzip）。它不会创建弹出窗口或设置弹出窗口的样式，但是为您提供所有逻辑，如居中、模式覆盖、事件还有更多。它为您提供了很多定制的机会，因此适合你的需要

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

不要提供内联样式

style=“display:none”

。内联样式将具有最高优先级，因此bpopup不会/无法更改该属性

在css中设置样式，而不是像这样

#popup {
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none;
    padding:20px;
    min-width:400px;
    min-height: 180px;
}

$（文档）.ready（函数（）{
$（'p'）。单击（函数（）{
$（'#popup'）.bPopup（）；
});
});
#弹出窗口{
背景色：#fff；
边界半径：15px；
颜色：#000；
显示：无；
填充：20px；
最小宽度：400px；
最小高度：180px；
}
B.克洛斯先生{
光标：指针；
位置：绝对位置；
右：10px；
顶部：5px；
}

一些文本
为什么没有模态体？？？
x
谢谢，内联显示实际上不是问题所在，而是使用最小宽度和最小高度属性设置CSS。现在可以工作了，谢谢！