jquery - 无法在 jQuery 按钮中设置背景颜色

Question

我有一个 jQuery UI 切换按钮。单击按钮时，我想将内部正方形设置为任意颜色。这是显示问题的jsFiddle。

http://jsfiddle.net/fvcdY/4/

单击按钮时，我希望黑色矩形变为红色，但由于某些原因，它保持黑色。

谢谢你的帮助。

Answer 1

You can do this:

var legend = $("<span/>", {
    text: ' ',
    style: 'display: inline-block; width: 13px; height: 13px;background-color:black',
    id: 'legend'
});

So now you can use this id instead of the variable:

input.button().click(function() {
    $('#legend').css('background-color', 'red');
});

Check it here: http://jsfiddle.net/JpECU/1/

Answer 2

lenged 是一个对象，当被调用时将实例化一个新的 span 元素

创建标签后，您需要使用另一个 var 来存储对适当 span 元素的引用。

毕竟， var legendInsideLabel = $("span").css(........)

这将起作用