Jquery bpopup不工作+；页面加载时显示

我对jquery和它的一切都非常熟悉。我只是临时做了一页，所以我迷路了。我需要将iframe显示为和弹出窗口。怎么做

我试过bpopup：

index.html类似于：

<button id="my-button">POP IT UP</button>
<!-- Element to pop up -->
<div id="element_to_pop_up">
    <a class="b-close">x<a/>
    Content of popup
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.bpopup.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/scripting.min.js"></script>

我使用了默认的CSS设置，如：

#element_to_pop_up { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

现在是奇怪的事情。有一个默认的js设置，如

$（'#element_to_pop_up'）.bPopup（）实际工作时，单击按钮后会显示简单的弹出窗口。但是当我使用Iframe设置（如上所述）时，什么都没有发生。没有什么。
为什么？我对此感到很困惑

目标是在页面加载时显示弹出窗口。我看到了一些提示，但没有一个有效。要修改哪个文件以及如何修改

如果你知道如何帮助，请告诉我。别忘了我就像一个学走路的小孩。所以不要忽略任何细节，比如“领带鞋带”。非常感谢
 有几件事需要检查。首先，打开Chrome开发工具并观察控制台。查看单击按钮时是否出现任何错误

其次，查看网络选项卡，确保所有内容都正确加载

你能发布实际有效的代码，让我们看看有什么不同吗？

<div id="element_to_pop_up">
<a class="b-close">x<a/>

<div class="content">
    Content of popup
</div>

</div>

x
弹出窗口的内容

只需在类“content”中添加一个额外的div。它应该能工作。
好的。我知道这个问题的答案。问题是因为您从他们的站点复制并粘贴了代码，但代码上有错误

仔细查看此行的元素标识符：

$('element_to_pop_up').bPopup({.....

他们没有把#放在元素(to)弹出之前。应该是

$('#element_to_pop_up').bPopup({.....

之后，您的代码应该可以工作了
尝试将“jquery-1.10.2.js”库添加到您的页面或其最新版本

$('#element_to_pop_up').bPopup({.....