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

Question

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

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

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

感谢您的帮助。

Answer 1

你可以这样做：

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

所以现在你可以使用这个id而不是变量：

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

在此处查看：http://jsfiddle.net/JpECU/1/

Answer 2

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

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

毕竟，var legendInsideLabel = $（“span”）。css（........）

这将有效