Javascript 如何更改一次单击的类?
这段代码与soundcloud的小部件配合使用,以允许远程文本按钮,我正在尝试使它作为一个远程图像按钮工作,该按钮根据所选的类暂停/播放不同的图片,而不是txt_on_pause txt_on_play。有没有关于如何切换的想法Javascript 如何更改一次单击的类?,javascript,css,jquery,Javascript,Css,Jquery,这段代码与soundcloud的小部件配合使用,以允许远程文本按钮,我正在尝试使它作为一个远程图像按钮工作,该按钮根据所选的类暂停/播放不同的图片,而不是txt_on_pause txt_on_play。有没有关于如何切换的想法 $(function () { var widgetIframe = document.getElementById('sc-widget'), widget = SC.Widget(widgetIframe), txt_on_p
$(function () {
var widgetIframe = document.getElementById('sc-widget'),
widget = SC.Widget(widgetIframe),
txt_on_pause = '¡Escuchar música!',
txt_on_play = 'Escuchando algo de música... (click para pausar)';
widget.bind(SC.Widget.Events.READY, function () {
$(".sc-toggle").html(txt_on_pause);
});
widget.bind(SC.Widget.Events.PAUSE, function () {
$(".sc-toggle").html(txt_on_pause);
});
widget.bind(SC.Widget.Events.PLAY, function () {
$(".sc-toggle").html(txt_on_play);
});
$(".sc-toggle").click(function (e) {
e.preventDefault();
widget.toggle();
});
});
使用
addClass
和removeClass
函数应该可以工作
$(function () {
var widgetIframe = document.getElementById('sc-widget'),
widget = SC.Widget(widgetIframe),
txt_on_pause = '¡Escuchar música!',
txt_on_play = 'Escuchando algo de música... (click para pausar)';
widget.bind(SC.Widget.Events.READY, function () {
$(".sc-toggle")
.removeClass('pause')
.removeClass('play')
.addClass('ready'));
});
widget.bind(SC.Widget.Events.PAUSE, function () {
$(".sc-toggle")
.removeClass('play')
.removeClass('ready')
.addClass('pause');
});
widget.bind(SC.Widget.Events.PLAY, function () {
$(".sc-toggle")
.removeClass('pause')
.removeClass('ready')
.addClass('play');
});
$(".sc-toggle").click(function (e) {
e.preventDefault();
widget.toggle();
});
});