具有动态代码的JPlayer

Question

嘿，我正在尝试让这个JPlayer Jquery包与我的网站一起使用。我希望它们是动态的，并使用onclick功能更改播放的音乐文件（如果可能的话），但如果不在head标签中添加每个实例，我似乎不知道如何动态地做到这一点，这对我的想法不起作用。

这是我插入带有适当id的链接的代码。$结果只是数据库中的一组音乐曲目，其中包含文件名和Id，以便JPlayer知道要播放哪首歌和引用哪个Id。

     while($song = mysql_fetch_array($result))
  {
  echo "<li id='".$song['id']."'><a onclick='playMusic(#".$song['id']." , ".$name."/".$song['name']." )'  href='javascript:void(0);' id=".$cat." ".$song['id']."> <img src='images/music_song.jpg' title='Category ".$song['name']."' /> ".$song['name']."</a></li>";
    }
  

这是playMusic javascript函数

     function playMusic(id,filename) {
  $(id).jPlayer( {
    ready: function () {
      $(id).changeAndPlay("music/"+filename);
    }
    });
    
    
    }

现在我知道这必须在$（document）.ready中（function（）｛//code转到这里｝）；

但我的问题是，我如何让它与onclick一起动态工作？如果有更好的方法或任何人有任何想法，请告诉我。我似乎就是无法让它发挥作用。

Answer 1

我最终没有为此使用JPlayer。我选择了SoundManager2，它有一种将指向音乐文件的链接转换为播放器的方法。