Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态更改Twitter引导程序3中的图标_Javascript_Jquery_Css_Twitter Bootstrap_Knockout.js - Fatal编程技术网

Javascript 动态更改Twitter引导程序3中的图标

Javascript 动态更改Twitter引导程序3中的图标,javascript,jquery,css,twitter-bootstrap,knockout.js,Javascript,Jquery,Css,Twitter Bootstrap,Knockout.js,看看这里(它使用jquery、knockoutjs、twitterbootstrap3): var viewModel={ i假设:可观察到(真实), }; 应用绑定(视图模型); 当我点击播放图标时,图标消失。相反,该图标应变为暂停图标。怎么了?我使用最新的Chrome。您的图标暂停前有一个。移除它 演示: <i class="glyphicon" data-bind="click: function() { isPaused(!isPaused()) }, css: {'glyp

看看这里(它使用jquery、knockoutjs、twitterbootstrap3):


var viewModel={
i假设:可观察到(真实),
};
应用绑定(视图模型);

当我点击播放图标时,图标消失。相反,该图标应变为暂停图标。怎么了?我使用最新的Chrome。

您的
图标暂停前有一个
。移除它

演示:

<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);
css: {'glyphicon-play': isPaused(), '.glyphicon-pause': !isPaused()}
                                     ^ I DONT BELONG THERE!!