- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
当您单击按钮时,我试图使背景颜色淡入(然后最终我希望它淡出)。我可以用这个改变背景的颜色:
$("#" + lblqty).css("background","#e9f1ff");
但是当我尝试使用动画(如下所示)时,它不起作用。没有任何反应,我什至没有收到 javascript 错误:
$("#" + lblqty).animate({ backgroundColor: "#e9f1ff"}, 800);
我将代码放在 JSFiddle 中,这样您就可以看到它的运行情况。应该发生的是当您单击“元素”或选中复选框时,应该出现一个显示“数量 1”以及 + 和 - 符号的 div。当您单击 + 号时,它应该将数量增加 1 并且背景应该改变颜色。这是链接:http://jsfiddle.net/ew52wyLm/1/
$(".calccheckbox").change(function() {
var checkid = $(this).attr("id");
var qtyid = "qty_" + checkid;
var lblqty = "qtylbl_" + checkid;
var aic = "aic_" + checkid;
if (this.checked) {
$(this).attr("value", checkid + "_1");
$("#" + qtyid).html("1");
$("#" + lblqty).show(300);
// $("#" + aic).css("background","#b6d1ff");
// $("#" + lblqty).css("background","#e9f1ff");
} else {
$(this).attr("value", checkid);
$("#" + qtyid).html("");
$("#" + lblqty).hide(300);
}
});
$(".calcaddbutton, .calcremovebutton").click(function(event) {
var button = $(this);
var checkid = $(this).attr("id");
checkid = checkid.slice(3);
var qtyid = "qty_" + checkid;
var qty = $("#" + qtyid).html();
var aic = "aic_" + checkid;
var lblqty = "qtylbl_" + checkid;
if (button.hasClass("calcaddbutton")) {
if (qty > 49) {
alert("You may only add 50 of each item");
} else {
qty++;
$("#" + qtyid).html(qty);
$("#" + checkid).attr("value", checkid + "_" + qty);
// $("#" + lblqty).css("background","#e9f1ff");
$("#" + lblqty).animate({
backgroundColor: "#e9f1ff"
}, 800);
}
}
if (button.hasClass("calcremovebutton")) {
if (qty < 2) {
$("#" + qtyid).html("");
$("#" + checkid).attr("value", checkid);
var lblqty = "qtylbl_" + checkid;
$("#" + lblqty).hide(300);
$("#" + checkid).attr("checked", false);
} else {
qty--;
$("#" + qtyid).html(qty);
$("#" + checkid).attr("value", checkid + "_" + qty);
}
}
return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="additemcontainer">
<div id="aic_1170">
<label for="1170">
<input type="checkbox" class="calccheckbox" value="1170" name="items[]" id="1170" />Item</label>
</div>
<div class="qtylbl" style="display:none;" id="qtylbl_1170">Quantity: <span class="qty" id="qty_1170"></span>
<a href="#" class="calcaddbutton" id="add1170">
<div class="calcbuttoncontainer"><span class="calcbutton glyphicon glyphicon-plus">+</span>
</div>
</a> <a href="#" class="calcremovebutton" id="rem1170"><span class="calcbutton glyphicon glyphicon-minus">-</span></a>
</div>
</div>
最佳答案
您不能使用 jQuery 的默认动画功能为背景颜色设置动画。
然而,您可以做的是将另一个具有不同颜色的 div 放置在原始 div 下方,然后在原始 div 上设置不透明度动画,以便底层 div 的颜色显示出来。
关于javascript - Jquery animate backgroundColor 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27806428/
我想使用 JavaScript 将 #Content.backgroundColor 更改为 elem.backgroundColor。 这里是 HTML 代码: Btn1 Btn2 Btn3 这是
@implementation AVSuperView - (AVSuperView*)initWithFrame:(CGRect)frame{ if (self = [super initW
这两行 Swift 代码在功能上有区别吗? self.button.layer.backgroundColor = UIColor.whiteColor().CGColor 和 self.button
我正在尝试学习 React.JS,但有些事情让我大吃一惊。 我有这个标题组件: class Header extends Component { render() { return ;
我正在尝试学习 React.JS,但有些事情让我大吃一惊。 我有这个标题组件: class Header extends Component { render() { return ;
我正在尝试为事件添加背景颜色,但没有运气。 $('#calendar').fullCalendar('renderEvent', { id: 1, title: 'hello', start: sel
这是在iOS 9中。我无法设置SKView的背景颜色,它始终以默认的灰色呈现。有没有解决的办法? let frame = CGRect(x: 0, y: 0, width: 200, height:
我正在创建一个 SWRevealView Controller ,每当我使用 self.view.backgroundColor 或实例化一个新的 View Controller 并使用 UIView
我正在尝试向使用 backgroundColor 的层添加高斯模糊。 下面的代码在标题文本周围添加了一个框并且工作正常,我只是想让白色变得模糊。 title.layer.borderColor = U
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 关闭 4 年前。 这个问题是由于打字错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic
为什么在 CSS 中通过 Javascript 更改样式时使用 background-color 不起作用? 这个有效: document.getElementById("circ").style.b
我有下面的 javascript 函数,当一个新文档被添加到列表时,它会闪烁链接的 bg 3 次。 这第一次工作正常,但随后对该函数的调用导致闪烁变得困惑。越叫越怪异的闪烁行为。 我在 IE8 和最新
如果我在属性检查器的图像/ ImageView 中设置图像,则以下后续调用不起作用: picture.backgroundColor = UIColor.greenColor() 如果我在代码中设置图
我正在尝试制作一个网站,但遇到了问题。当我在 Chrome 中运行它时,我得到:“无法设置未定义的属性‘backgroundColor’”。我不明白为什么我会得到这个。我的 var 不是数组(只是一个
我在我的应用程序中使用新的(在 iOS 7 中)UIPopoverController.backgroundColor 设置来根据需要更改弹出框的颜色,但我发现使用此设置会导致每当我打开我的popov
我有以下控制权。我想更改某些事件触发器的背景颜色。我想将此 clrGray 资源设为某些事件点击时的颜色。 我试过以下方法,但没有用:( XAM: CS: //On Some event /
我有以下控制权。我想更改某些事件触发器的背景颜色。我想将此 clrGray 资源设为某些事件点击时的颜色。 我试过以下方法,但没有用:( XAM: CS: //On Some event /
我正在构建一个排序算法可视化工具。这些项目中的每一项都是 div,backgroundColor 设置为白色。 当算法运行时,他将 backgroundColor 设置为橙色以显示哪些项目已更改。 但
我正在尝试更改 OSX 应用程序的标题栏颜色。使用 window!.backgroundColor = .... 有时有效,但其他则无效。或者更具体地说,它有时在运行应用程序时起作用,而不是在其他应用
这是我的问题: var mycss = window.getComputedStyle(myelement); 返回一个 CSSStyleDeclaration 对象: CSSStyleDeclara
我是一名优秀的程序员,十分优秀!