有没有一种编程方式可以知道 jQuery 的 DOM 更新何时完成？

发布于 2024-11-07 14:58:32 字数 501 浏览 0 评论 0原文

例如：

var $myContainer = $('#myContainer');
$myContainer.html(someHtml);
var width = $myContainer.height();
var height = $myContainer.height();

如果 #myContainer 是一个空 div，宽度和高度仍为零。解决方案是使用超时：

var $myContainer = $('#myContainer');
$myContainer.html(someHtml);
setTimeout(function () {
    var width = $myContainer.height();
    var height = $myContainer.height();
}, 500);

但是，我不喜欢其中的幻数。如果它是一个非常慢的浏览器怎么办？是否有任何可靠的跨浏览器方法可以告诉我浏览器何时呈现更改？

原文

For example:

var $myContainer = $('#myContainer');
$myContainer.html(someHtml);
var width = $myContainer.height();
var height = $myContainer.height();

If #myContainer was an empty div, width and height would still be zero. A solution is to use a timeout:

var $myContainer = $('#myContainer');
$myContainer.html(someHtml);
setTimeout(function () {
    var width = $myContainer.height();
    var height = $myContainer.height();
}, 500);

However, I don't like the magic number in there. What if its a really slow browser? Is there any reliable cross browser method available to tell me when the browser has rendered the changes?

分享到QQ

分享到微博

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

发布评论

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

权谋诡计 2024-11-14 14:58:32

您可以可靠地使用 0 进行超时。它实际上不会是 0 毫秒，你知道，大多数浏览器至少会设置为 5 或 10 毫秒，但仅仅屈服于浏览器的行为就足够了。

也就是说，我没有立即找到一个不能立即获得（新）高度的浏览器，没有产量（甚至是 IE6！）。但如果根据标记等，有一个……我不会感到惊讶。

回复收藏 0 原文

想挽留 2024-11-14 14:58:32

感觉像是黑客，但可能有效：将脚本元素添加到 DOM 作为最后一个元素。所有浏览器都应该在所有其他元素“解决”之后执行该操作。

回复收藏 0 原文

日裸衫吸 2024-11-14 14:58:32

你用的是ajax吗？

所以你可以使用 jQuery“加载”。

var $myContainer = $('#myContainer');
$myContainer.load('/url/for/someHtml', function(){
  var width = $myContainer.height();
  var height = $myContainer.height();
});

Are you using ajax?

So you can use jQuery 'load'.

var $myContainer = $('#myContainer');
$myContainer.load('/url/for/someHtml', function(){
  var width = $myContainer.height();
  var height = $myContainer.height();
});

回复收藏 0 原文

~没有更多了~