javascript - 在 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!!