使用类名自动单击 <a>

Question

我使用<ul> 和<li> 创建了一个音频播放列表，当一首歌曲结束并且运行良好时，此 JavaScript 代码会自动播放下一首歌曲。

但我在滑块中有曲目，我希望滑块随着歌曲的变化而移动。

有没有办法让这个 JavaScript 也点击下一张幻灯片的按钮？

下一张幻灯片的代码：

<a class="lSNext"></a>

JavaScript：

$(window).load(function(){
  var audio;
  var playlist;
  var tracks;
  var current;

  init();
  function init(){
    current = 0;
    audio = $('audio');
    playlist = $('#playlist');
    tracks = playlist.find('li a');
    len = tracks.length - 1;
    audio[0].volume = 1;
    audio[0].play();
    playlist.find('a').click(function(e){
      e.preventDefault();
      link = $(this);
      current = link.parent().index();
      run(link, audio[0]);
    });
    audio[0].addEventListener('ended',function(e){
      current++;
      if(current == len){
        current = 0;
        link = playlist.find('a')[0];
      }else{
        link = playlist.find('a')[current];    
      }
      run($(link),audio[0]);
    });
  }
  function run(link, player){
    player.src = link.attr('href');
    par = link.parent();
    par.addClass('active').siblings().removeClass('active');
    audio[0].load();
    audio[0].play();
  }
});//]]> 

Answer 1

使用

$('.lSNext').click();

在这一行之后（Inside This Function）

audio[0].addEventListener('ended',function(e){

Answer 2

添加此代码

$('.lSNext').click();