bpopupre-center/如何运行JS/jQuery函数
我不知道是否有人熟悉bPopup,但这里什么都没有 我有一个运行的AJAX请求,如果成功,它会将新内容加载到弹出窗口中,从而改变大小,在此之后我如何正确地重新调整div的中心位置 我已尝试运行重新居中功能,但出现错误“未捕获引用错误:未定义bPopup” 当尝试像这样运行函数时:bpopupre-center/如何运行JS/jQuery函数,jquery,popup,bpopup,Jquery,Popup,Bpopup,我不知道是否有人熟悉bPopup,但这里什么都没有 我有一个运行的AJAX请求,如果成功,它会将新内容加载到弹出窗口中,从而改变大小,在此之后我如何正确地重新调整div的中心位置 我已尝试运行重新居中功能,但出现错误“未捕获引用错误:未定义bPopup” 当尝试像这样运行函数时: bPopup.recenter(); 有什么想法吗 谢谢大家 是的,我也有过类似的情况。加载ajax后,我的弹出窗口的内容发生了变化,但打开的弹出窗口的大小保持不变 我建议您关闭弹出窗口,清除弹出div的内容,然后
bPopup.recenter();
有什么想法吗
谢谢大家 是的,我也有过类似的情况。加载ajax后,我的弹出窗口的内容发生了变化,但打开的弹出窗口的大小保持不变 我建议您关闭弹出窗口,清除弹出div的内容,然后立即重新打开它。它创建了一个很好的效果,新的弹出窗口现在可以调整大小以适应新的内容 例如:
$('#buttonToPopup').bind('click', function(e) {
$('#popupDIV').bPopup().close();
$('#popupDIV').empty(); // clear the previous contents of the popup
$('#popupDIV').bPopup({
loadUrl: myNewURL // this is the new ajax content
});
});
触发$(窗口).resize()
事件
recenter()
在bPopup中是私有的。您可以调用bPopup().resposition()
来对齐弹出窗口,但是如果用户滚动页面,弹出窗口将再次对齐。仅触发$(窗口).resize()
事件对我有效:
$('#my-button').click(function() {
// show the popup
var myPopup = $('#my-popup');
myPopup.bPopup();
// load new content
$.get(myUrl).done(function(data) {
myPopup.html(data);
// trigger "window resized"
$(window).resize();
// this will not work if the user scrolls the page
/* myPopup.bPopup().reposition(); */
});
});