Javascript 每次调用函数时更新JPlayer MP3文件

每次在JS文件中调用此函数时，我都会将MP3链接附加到JPlayer

将有一组带有“id”的图像。使用onClick（）函数调用此showAudioFull（）

但问题是JPlayer并没有更新正在播放的mp3文件。它一直播放与我第一次单击时相同的音频

仅供参考：使用JPlayer Circle player

如何：

function showAudioFull(id)
{
    var url = URL_DIRSCREENAUDIOSHOT+AUDIOSHOT_PREFIX+id+'.mp3';
    var myCirclePlayer = new CirclePlayer("#jquery_audioFile",
            {
                m4a: url              
            }, {
                cssSelectorAncestor: "#cp_container_1"
            });
}

此方法（setMedia）用于定义要播放的媒体。媒体参数 是具有定义不同编码的属性的对象 格式和海报图像。资料来源：

---

您每次创建新玩家的原因是什么？@user1852503我只是想更新文件链接。到目前为止，我对JPlayer还不太了解。我的要求如下：如果我单击id为“1”的第一个图像，那么jplayer应该播放1.mp3。如果我单击id为“2”的第二个图像，Jplayer应该在同一个播放器中播放2.mp3而不是1.mp3。搜索“setMedia”。@user1852503 setMedia可以。但问题是我在document.ready中初始化了播放器。但是MP3是在同一个JS文件中的另一个函数中提供的。有没有关于如何完成此操作的建议？未捕获引用错误：MyCircleLayer未定义编辑也显示了m4a:url的相同引用错误。您必须在页面上使MyCircleLayer全局可访问，以便在函数中与之交互。我尝试将其设置为全局变量。但现在我犯了这个错误。“未捕获的TypeError:对象[object object]的属性'MyCircleLayer'不是函数”circle player是否允许setMedia属性？你能帮我做这个@alexP吗

var myCirclePlayer = new CirclePlayer("#jquery_audioFile", {
    m4a: url
}, {
    cssSelectorAncestor: "#cp_container_1"
});

function showAudioFull(id) {
    var url = URL_DIRSCREENAUDIOSHOT + AUDIOSHOT_PREFIX + id + '.mp3';
    myCirclePlayer("setMedia", {
        mp3: url
    });
};