文章/答案/技术大牛

发布

问将进度条应用于html页面
EN

Stack Overflow用户

提问于 2013-11-27 04:33:51

回答 1查看 1.7K关注 0票数 0

我有这样的代码，当我按下OK按钮时，另一个页面被加载到IFrame中，现在我想在下一个页面加载到Iframe之前添加一个进度条。这是我的工作代码，在2500 my之后，页面被加载到Iframe中。

$('#ida').click(function() {
  setTimeout(function (){
    $("#frame1").show();
     }, 2500);
}); 

</script>

<iframe name="myframe" id="frame1" style="display:none" src="xm5.jsp" width="1300" height="1000">
</iframe></div>

我想添加这一行代码(从jquery获得，所有的css和脚本都被添加了)

<div id="progressbar"><div class="progress-label">Loading...</div></div>

但我该把它加到哪里呢？

jquery

html

iframe

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-27 04:46:53

默认情况下隐藏progressbar div。

#progressbar {
  display: none;
}

然后在JS：

$('#ida').click(function() {
  $('#progressbar').show();   //Show when you click it
  setTimeout(function (){
    $("#frame1").show();
    $('#progressbar').hide(); //Hide when the iframe is fully loaded
     }, 2500);
});

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20233971

复制

相似问题

问将进度条应用于html页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将进度条应用于html页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将进度条应用于html页面
EN