强制iframe作为最后一个元素加载

Question

我有一个使用AJAX加载页面内容的网站。在主页上，我有一个图像滑块，一些其他元素和一个包含播放列表的iframe。出于某种原因，iframe加载缓慢，图像滑块不会加载，直到iframe完全加载为止。有没有办法强制iframe在图像滑块后加载，这样它就不会花费这么长时间来加载？

Answer 1

您可以使用jQuery在图片加载后加载播放列表，方法是删除HTML中的播放列表，并在图片加载后附加：

$(window).on("load", function() {
  $(".textwidget").append('<iframe src="https://embed.spotify.com/?uri=spotify:user:1229877582:playlist:2sOytopsJKw2Xk4U3K79uP" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>');
}