bpopupre-center/如何运行JS/jQuery函数

bpopupre-center/如何运行JS/jQuery函数,jquery,popup,bpopup,Jquery,Popup,Bpopup,我不知道是否有人熟悉bPopup,但这里什么都没有 我有一个运行的AJAX请求,如果成功,它会将新内容加载到弹出窗口中,从而改变大小,在此之后我如何正确地重新调整div的中心位置 我已尝试运行重新居中功能,但出现错误“未捕获引用错误:未定义bPopup” 当尝试像这样运行函数时: bPopup.recenter(); 有什么想法吗 谢谢大家 是的,我也有过类似的情况。加载ajax后,我的弹出窗口的内容发生了变化,但打开的弹出窗口的大小保持不变 我建议您关闭弹出窗口,清除弹出div的内容,然后

我不知道是否有人熟悉bPopup,但这里什么都没有

我有一个运行的AJAX请求,如果成功,它会将新内容加载到弹出窗口中,从而改变大小,在此之后我如何正确地重新调整div的中心位置

我已尝试运行重新居中功能,但出现错误“未捕获引用错误:未定义bPopup” 当尝试像这样运行函数时:

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(); */
    });
});