Ajax 回调后 setTimeout 的替代方案

发布于 2024-09-28 13:17:15 字数 383 浏览 9 评论 0原文

我发现自己经常这样做：

window.onload = function(){

   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);

       setTimeout("javaScriptClass.init()", 200);
   });

}

但是 setTimeout 似乎有点老套（200 毫秒已经是普通用户注意力持续时间的三倍多了:)。最好的选择是什么？

编辑

javaScriptClass.init() 作用于 ajax 调用中加载的 DOM 对象

原文

I find myself doing this a lot:

window.onload = function(){

   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);

       setTimeout("javaScriptClass.init()", 200);
   });

}

But setTimeout seems a bit hacky (and 200ms is already over three times the attention span of the average user :). What's the best alternative?

EDIT

javaScriptClass.init() acts on DOM objects from what is loaded in the ajax call

分享到QQ

分享到微博

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

发布评论

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

夏末 2024-10-05 13:17:15

我认为这里关于加载有些混乱，你可以这样做：

window.onload = function(){    
   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);
       javaScriptClass.init();
   });    
}

在 $('#contentHere').html(data); 之后，DOM 元素将准备好使用。另请查看 .load() 附件（在case 其他 onload 处理程序可能需要附加），如下所示：

$(window).load(function(){    
   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);
       javaScriptClass.init();
   });    
});

不过，除非您正在等待图像，否则可以在 document.ready< /code> 处理程序并更快地触发，从而带来更好的用户体验。

I think there's some confusion here about the load, you can just do this:

window.onload = function(){    
   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);
       javaScriptClass.init();
   });    
}

After the $('#contentHere').html(data); the DOM elements will be there ready to use. Also take a look at .load() for attachment (in case other onload handlers may need to attach), like this:

$(window).load(function(){    
   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);
       javaScriptClass.init();
   });    
});

Though, unless you're waiting on images, this can be called in a document.ready handler and fire sooner, resulting in a better user experience.

回复收藏 0 原文

~没有更多了~