首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery ui.progressbar标签-更改背景上传递字母的文本颜色

问jquery ui.progressbar标签-更改背景上传递字母的文本颜色
EN

Stack Overflow用户
提问于 2011-03-14 09:25:21
回答 3查看 6.7K关注 0票数 10

我已经使用this demo向jquery ui进度栏添加了一个标签。

我想要做的是根据进度条是否在字母后面来更改文本颜色。

我如何判断这种情况是否已经发生?

​

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-03-14 09:59:26

它有点难看,但如果你复制标签,一个在酒吧外面,一个在酒吧里面,然后使用overflow: hidden,你可以把它拉出来:

http://jsbin.com/ohiyo/21/

仅在Chrome dev和firefox 4中测试

票数 12
EN

Stack Overflow用户

发布于 2011-03-14 09:38:09

使用.progressbar的change event如下所示:

代码语言:javascript
复制
updateProgressColor = function() {
  if( $(this).progressbar('percentage').toFixed(0) == 100 ) {
    $(this).css('background', '#F000');
  }
}

$('#progressbar').progressbar({
  change: updateProgressColor
});
票数 0
EN

Stack Overflow用户

发布于 2011-03-14 09:33:34

代码语言:javascript
复制
if (newVal >= 50)
    $('.pblabel').css('color', newColor);
else
    $('.pblabel').css('color', defaultColor);
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5293831

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档