使用 jquery 从外部源加载信息后获取 div 的高度和宽度

发布于 2025-01-08 03:47:17 字数 559 浏览 4 评论 0原文

我见过类似的问题，但没有找到适合我的情况的答案。我使用 jQuery 创建了一个简单的模式弹出插件，运行如下： $('#popup').popupElement("http://www.example.com #somediv");

当单击选择器 #popup 时，它会从另一个网站加载 div。 click 函数如下所示：

            $(thisObj).click(function(e){
            e.preventDefault();
            $("#popupDiv").load(div);
            centerPopup();
            loadPopup();
        });

问题是当它将外部 div 加载到 popupDiv 中时，popupDiv 的高度和宽度均为 0，因此 centerPopup() 无法将其居中。单击 #popup 链接几次后，popupDiv 的尺寸会自行修复。有没有办法确保在调用 centerPopup() 之前将 popupDiv 设置为正确的尺寸？

原文

I've seen questions similar to this but haven't found an answer for my situation. I've created a simple modal popup plugin using jQuery that runs like this:
$('#popup').popupElement("http://www.example.com #somediv");

It loads divs from another website when the selector #popup is clicked. The click function looks like this:

            $(thisObj).click(function(e){
            e.preventDefault();
            $("#popupDiv").load(div);
            centerPopup();
            loadPopup();
        });

The problem is when it loads the external div into the popupDiv, the popupDiv's height and width are 0, so centerPopup() can't center it right. After clicking the #popup link a few times the popupDiv's dimensions fix themselves. Is there a way to ensure the popupDiv gets set to the right dimensions before centerPopup() is called?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

思念满溢 2025-01-15 03:47:17

尝试将对 centerPopup() 和 loadPopup() 的调用放在 load() 的回调函数中。这将确保在尝试显示弹出窗口之前内容位于 DOM 中，这意味着高度和宽度应该是可访问的。试试这个：

$(thisObj).click(function(e){
    e.preventDefault();
    $("#popupDiv").load(div, function() {
        centerPopup();
        loadPopup();
    });
});

Try placing the calls to centerPopup() and loadPopup() in the callback function of the load(). This will ensure that the content is in the DOM before you try and show the popup, which means that the height and width should be accessible. Try this:

$(thisObj).click(function(e){
    e.preventDefault();
    $("#popupDiv").load(div, function() {
        centerPopup();
        loadPopup();
    });
});

回复收藏 0 原文