jAudio.js音乐播放器插件首次进入时选取第一首无效的解决办法

日期：2017-03-26 浏览量： 分类：优秀文章 来源： CMS大学整理发布（帝国CMS大百科）

jAudio.js是一个外国人编写的基于jquery的音乐播放器，界面很不错，但首次进入页面时，点击第一首歌曲无法播放，只能先点击第二首，再点击第一首歌曲才能实现播放第一首。

cms大学小编使用中发现了这个问题，这个bug确认让人不舒服，小编进行了修复。（基于jAudio.js 2.0版本）

搜索下面的代码

折叠JavaScript 代码
  1. // - playlist events  
  2.       self.$domPlaylist.on("click", ".jAudio--playlist-item", function(e)  
  3.       {  
  4.         var item = $(this),  
  5.             track = item.data("track"),  
  6.             index = item.index();  
  7.   
  8.         if(self.currentTrack === index) return;  
  9.   
  10.         self.changeTrack(index);  
  11.       });  

替换为

折叠JavaScript 代码
  1. // - playlist events  
  2.       self.$domPlaylist.on("click", ".jAudio--playlist-item", function(e)  
  3.       {  
  4.         var item = $(this),  
  5.             track = item.data("track"),  
  6.             index = item.index();  
  7.         // before  
  8.         // if(self.currentTrack === index) return;  
  9.         // after fix  
  10.         if(self.currentTrack === index && self.currentState === "play") return;  
  11.         self.changeTrack(index);  
  12.         // add  
  13.         if(self.currentState === "pause") self.play();  
  14.       });  

这样进入播放界面时，再点击第一首歌曲就可以开始播放了。

QQ截图20170326161157.jpg

 

Tags： 音乐   插件

相关推荐

cms大学，为帝国cms用户提供动力
Copyright © 2016 CmsDX.com All Rights Reserved.