Question

我正在为我的音乐播放器使用这个插件 http://www.codebasehero.com/2011/06/html-music-player/

如果我在页面上有一个音乐播放器，它的效果很好。但是，我无法再拨两次电话。我的Chrome控制台上没有显示任何错误。

      $('#musicPlayList_1').ttwMusicPlayer(myPlaylist, {
         autoPlay: true,
         description: '',
         jPlayer: {
         swfPath: '../Sites/Plugins/jquery-jplayer'
      }});

      $('#musicPlayList_2').ttwMusicPlayer(myPlaylist2, {
         autoPlay: true,
         description: '',
         jPlayer: {
         swfPath: '../Sites/Plugins/jquery-jplayer'
      }});

谷歌之后，有人也面临同样的问题，但没有找到解决方案。 http://www.expressmedianews.com/multiple-ttw-music-player-players-on-page/

Answer 1

基本上ttwMusicPlayer不能被多次调用，因为它调用了类和id：

    cssSelector = {
        jPlayer: "#jquery_jplayer",
        jPlayerInterface: '.jp-interface',
        playerPrevious: ".jp-interface .jp-previous",
        ratingLevel:'.rating-level',
        ratingLevelOn:'.on',
        ...
        ...

    };

或

        function setDescription() {
            if (!isUndefined(options.description))
                $self.find(cssSelector.description).html(options.description).addClass(attr(cssSelector.descriptionShowing)).slideDown();
        }

您可以编辑此类行以使其正常工作（但这可能需要一段时间）。

ttwMusicPlayer无法在同一页面中调用两次

1 个答案: