1

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

jQuery(文档).ready(函数($)
    {
        var widget = SC.Widget(document.getElementById('soundcloud_widget'));

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

        jQuery('.playSound').click(函数()
        {
            小部件.toggle();
            jQuery(".playSound").addClass('stopSound');
        });

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

1 回答 1

0

我从未使用过 SoundCloud，但您似乎正在尝试使用相同的元素来播放和停止。如果是这种情况，这应该有效：

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

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

于 2012-12-28T23:04:52.440 回答