Question

我正在使用jPlayer，因为WordPress的mp3-jplayer插件打破了WP 3.5更新，它似乎被开发人员抛弃了。

该插件的一个不错的功能是它在控制栏上方的div中显示当前曲目的标题。此外，如果播放列表中只有一首歌曲，则会有一个隐藏播放列表的脚本，因此您只能在控制栏上方显示曲目标题。我正在尝试将此功能添加到常规（非插件）jPlayer。

我可以使用此代码在jPlayer论坛中以新代码显示标题：

$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {
    var current = myPlaylist.current,
        playlist = myPlaylist.playlist;
    $.each(playlist, function (index, obj) {
        if (index == current) {
            $('.jp_current_track_title').text(obj.title);   
        }
    });
});

但是，这不会在页面加载时加载曲目标题 - 它只会在您按“播放”后显示。请注意，播放器加载时，播放列表中的第一首曲目会突出显示（选中）。

所以我的问题是：如何在页面加载时加载曲目标题？

测试页面为here。

我是javascript / jQuery的新手。

提前致谢。

Answer 1

Jplayer还提供了一个准备好的活动：$.jPlayer.event.ready。一旦玩家加载，应该可以使用它来做同样的事情。

Answer 2

更改行：

 $("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {

到

 $("#jquery_jplayer_1").bind($.jPlayer.event.ready, function (event) {

以便在玩家准备好后更新div。

jPlayer 2.2.0：在页面加载时在单独的div中显示曲目标题

2 个答案: