javascript - 在Twitter Bootstrap 3中动态更改图标

在这里看看（它使用jquery，knockoutjs，twitter引导程序3）：

http://jsfiddle.net/NCuFy/3/

<i class="glyphicon" data-bind="click: function() { isPaused(!isPaused()) }, css: {'glyphicon-play': isPaused(), '.glyphicon-pause': !isPaused()}"></i>

var viewModel = {
    isPaused: ko.observable(true),
};

ko.applyBindings(viewModel);

当我单击播放图标时，该图标消失。而是，该图标应变为暂停图标。怎么了？我使用最新的Chrome。

最佳答案

您在.前面有一个glyphicon-pause。去掉它

演示：http://jsfiddle.net/tymeJV/NCuFy/4/

css: {'glyphicon-play': isPaused(), '.glyphicon-pause': !isPaused()}
                                     ^ I DONT BELONG THERE!!