文章/答案/技术大牛

发布

社区首页 >问答首页 >当进度条获得100%的宽度时，淡出DIV

问当进度条获得100%的宽度时，淡出DIV
EN

Stack Overflow用户

提问于 2015-04-01 21:06:27

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

我在我的网站上创建了一个“加载div”..。当你进入网站时，你只会看到一个黑色的div，里面有一个标志和一个进度条。

进度条是用CSS3和JQuery (转换)完成的。当页面加载时，body标记将得到一个“加载”类，并且进度条将增加到100%.

当进度条获得100%的宽度时，黑色的div就会消失.

我已经创建了这个代码让黑色的div分解，但它不起作用.你能帮帮我吗?

$(window).load(function () { $('body').addClass('loaded'); });

if($('body').hasClass('loaded')) {
    if($('#progress_bar').width() == '100%'){ $('#black_div').fadeOut('fast'); }
}

新零件

我实现了您告诉我的函数，并创建了一个警报：

alert($('#progress_bar').loadingWidth());

但是，当我加载页面时，警报会显示0%的宽度。所以当宽度动画结束，div得到他100%的宽度时，我不得不使用这个函数。但是，怎么.？时间更新功能？同时陈述？也许是阿贾克斯？

progress-bar

jquery

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-01 21:25:15

使用.width()将返回px，因此您需要以某种方式计算它的宽度。一种方法是对它的父元素进行检查。

像这样的东西可以起作用：

$.fn.Percentage = function(){
    var parent = this.parent();
    return ~~((this.width()/parent.width())*100)+"%";
}

然后使用以下方法调用它：

if ($("#progress_bar").Percentage() == "100%" ){
 $('#black_div').fadeOut('fast'); 
}

这是一个示例Fiddle

票数 0

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

原文链接：

https://stackoverflow.com/questions/29400840

复制

相似问题

问当进度条获得100%的宽度时，淡出DIV
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当进度条获得100%的宽度时，淡出DIVEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当进度条获得100%的宽度时，淡出DIV
EN