我对 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>
根据bpopup的主页我修改了jquery.bpopup.min.js
// Semicolon (;) to ensure closing of earlier scripting
// Encapsulation
// $ is assigned to jQuery
;(function($) {
// DOM Ready
$(function() {
// Binding a click event
// From jQuery v.1.7.0 use .on() instead of .bind()
$('#my-button').bind('click', function(e) {
// Prevents the default action to be triggered.
e.preventDefault();
// Triggering bPopup when click event is fired
$('element_to_pop_up').bPopup({
content:'iframe', //'ajax', 'iframe' or 'image'
contentContainer:'.content',
loadUrl:'http://dinbror.dk/search' //Uses jQuery.load()
});
});
});
})(jQuery);
我使用了默认的 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 设置(如上所述)时，什么也没有发生。没有什么。
为什么yyy？我对此感到很困惑。
目标是在页面加载时显示弹出窗口。我已经看到了几个提示，但没有一个起作用。要修改哪个文件以及如何修改？？？
如果您知道如何提供帮助，请告诉我。只是别忘了我就像一个学走路的 child 子。所以不要跳过任何细节，比如“系鞋带”。非常感谢。
最佳答案
好的。我知道这个问题的答案。问题是因为您从他们的网站复制并粘贴了代码，但其中有问题。
仔细观察这一行的元素标识符:
$('element_to_pop_up').bPopup({.....
他们没有将 # 放在 element_to_pop_up 之前。应该是
$('#element_to_pop_up').bPopup({.....
之后你的代码应该可以工作
关于jquery - bpopup 不工作 + 在页面加载时显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15702560/