动态更改Twitter Bootstrap 3中的图标

Question

看看这里（它使用jquery，knockoutjs，twitter bootstrap 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。

Answer 1

.前面有glyphicon-pause。删除它

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

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