gpt4 book ai didi

jquery进度条颜色变化

转载 作者:行者123 更新时间:2023-12-01 06:20:22 43 4
gpt4 key购买 nike

这是我的 jquery 进度条,我想将 Acceptedbar 类的进度条颜色更改为绿色,将 Declinedbar 类更改为红色

  <head runat="server">
<title>Idea Storm</title>
<link href="css/CSS.css" rel="stylesheet" type="text/css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"
type="text/javascript"></script>

<script src="script/ui.progressbar.js" type="text/javascript"></script>

​<style type="text/css">

.AcceptedBar > .ui-progressbar-value {
background:green;
}

.DeclinedBar > .ui-progressbar-value {
background: red;
}
</style>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css">
<%-- <link href="App_Themes/HRIS-Theme/jquery.ui.core.css" rel="stylesheet" type="text/css" />
<link href="App_Themes/HRIS-Theme/jquery.ui.theme.css" rel="stylesheet" type="text/css" />--%>
</head>

<script type="text/javascript">

$(function ()
{
$('.Accepted').each(function()
{
var valueFromHiddenField = $('input[type=hidden]', this).val();
$('.Acceptedbar', this).progressbar({ value: valueFromHiddenField});
});


});
$(function ()
{
$('.Declined').each(function() {
// We assume that there is only 1 hidden field under 'pbcontainer'
var valueFromHiddenField = $('input[type=hidden]', this).val();
$('.Declinedbar', this).progressbar({ value: valueFromHiddenField });
});
});


</script>

最佳答案

您应该使用 CSS 来设置进度条的样式,details on theming here :

.AcceptedBar > .ui-progressbar-value {
background: green;
}

.DeclinedBar > .ui-progressbar-value {
background: red;
}

Working example here

您不能使用background-color,因为主题设置了background-image,因此您必须使用background

关于jquery进度条颜色变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9907227/

43 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com