jQuery声音云播放/停止

Question

如何在曲目播放期间添加CSS类“playSound”？

jQuery(document).ready(function($)
    {
        var widget = SC.Widget(document.getElementById('soundcloud_widget'));

        /*widget.bind(SC.Widget.Events.READY, function()
        {
            //console.log('Ready...');
            jQuery(".checkSound").removeClass('stopSound').addClass('playSound');
        });*/

        jQuery('.playSound').click(function()
        {
            widget.toggle();
            jQuery(".playSound").addClass('stopSound');
        });

        jQuery('.stopSound').live(function()
        //jQuery(".stopSound").live("click", function()
        //jQuery('.stopSound').click(function()
        {
            jQuery(".stopSound").addClass('playSound').removeClass('stopSound');
        });
    });

Answer 1

我从未使用过SoundCloud，但似乎您正试图使用相同的元素来播放和停止。如果是这样，这应该行得通：

jQuery(".playSound,.stopSound").click(function(){
    jQuery(this).toggleClass("playSound stopSound");
    widget.toggle();
});

click事件可能会绑定到单个元素。选择器.playSound、.stopSound用于确保它选择元素，而不管它以什么类开始.toggleClass（）将删除列表中的类，如果不在列表中，则添加类。我假设widget.toggle（）按预期工作。