Question

如何在曲目播放期间添加CSS-Class“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();
});

点击事件可能会绑定到单个元素。选择器.playSound,.stopSound是为了确保它选择元素而不管它从哪个类开始。如果列在列表中，则.toggleClass()将删除类，如果不在，则添加类。我假设widget.toggle()按预期工作。

jquery soundcloud播放/停止

1 个答案: