Javascript 如何通过更改其他内容的颜色来指示该内容已被单击?
在这里,我想文本+定时器的颜色改变一旦用户点击秒表或定时器。我试图使用一些JavaScript,但无法实现它 这是我的密码Javascript 如何通过更改其他内容的颜色来指示该内容已被单击?,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,在这里,我想文本+定时器的颜色改变一旦用户点击秒表或定时器。我试图使用一些JavaScript,但无法实现它 这是我的密码 $(".icon-clock").shieldButton({ events: { click: function () { clearInterval(timer); startTime = Date.now(); timer = set
$(".icon-clock").shieldButton({
events: {
click: function () {
clearInterval(timer);
startTime = Date.now();
timer = setInterval(updateProgress, 100);
$(".colorchange").color(rgb(#0F0));
//It is not going to work I know
}
}
});
这是计时器部分
<li><a href="#" class="dropdown-toggle icon-plus" data-toggle="dropdown">
<span data-placement="bottom" title="Show Timer" class="colorchange">+ Timer </span></a>
<ul class="dropdown-menu timer-wrapper" style=" padding:5px;">
<div class="btn-group">
<button title="" type="button" class="btn btn-default b_fix icon-stopwatch" onclick="start(0);" data-original-title="Stopwatch"></button>
<button title="" type="button" class="btn btn-default b_fix icon-clock" onclick="start(1);" data-original-title="Timer"></button>
</div>
试试:
$(“.colorchange”).css('color:#0F0')
您试图在jQuery中使用名为color()
的方法,但恐怕此方法不存在。相反,请使用用于更改css属性的方法:
$(".colorchange").css('color', '#00ff00');
此外,为了使代码更具可重用性,我建议您为此创建一个类,并使用将其添加到元素中。除非您必须更改为许多不同的颜色。您可以使用jQuerys
css
方法,即使对象具有多个样式定义:
$('.colorchange').css({
'color' : '#0f0',
'font-weight' : bold
});
如果您为应该更改颜色的元素定义了多个样式,这将是一个更好的解决方案。您只需要更改对象类名称。将其放入css中:
.colorchange {
color: #666;
font-weight: normal;
}
.colorchange.highlight {
color: #0f0;
font-weight: bold;
}
在javascript中:
$('.colorchange').addClass('highlight');
这个解决方案将更加经得起未来的考验,因为您可以管理css中的所有样式和javascript中的所有逻辑。
$(“.colorchange”).css('color','00ff00')代码>?我相信jQuery中不存在方法color
。非常感谢:)。我如何将它也变为粗体。这是否有效$(“.colorchange”).css('font-weight','bold');好吧,试试看。我相信它会起作用。因为他是第一个解决了我的问题,所以我对其他答案进行了投票表决。你的答案也很棒。你也可以投票表决:-)你只能将一个答案标记为解决问题的答案,但你可以投票表决多个答案。我需要15的声誉:)