Javascript 拉入层播放列表元素信息

Javascript 拉入层播放列表元素信息,javascript,jquery,jplayer,Javascript,Jquery,Jplayer,我好几天都在绞尽脑汁,因为我不知道如何在特定的div/span中显示JPlayer播放列表的当前歌曲tite/name?我使用的代码来自JPlayer的演示: var playlist = new jPlayerPlaylist({ jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }, [ { title:"Song - 1",

我好几天都在绞尽脑汁,因为我不知道如何在特定的div/span中显示JPlayer播放列表的当前歌曲tite/name?我使用的代码来自JPlayer的演示:

    var playlist = new jPlayerPlaylist({
    jPlayer: "#jquery_jplayer_1",
    cssSelectorAncestor: "#jp_container_1"
    }, [
        {
            title:"Song - 1",
            mp3:"./path/to/song1.mp3"
        },
        {
            title:"Song - 2",
            mp3:"./path/to/song2.mp3"
        },
        ], {
        swfPath: "js",
        supplied: "mp3",
        wmode: "window"
    });

谢谢你们的帮助,伙计们!:)

为了只显示当前播放的曲目,我在样式表中做了如下操作:

div.jp-playlist ul li {
    display:none;
}

div.jp-playlist ul li.jp-playlist-current {
    display:inline;
}

为了只显示当前播放的曲目,我在样式表中做了如下操作:

div.jp-playlist ul li {
    display:none;
}

div.jp-playlist ul li.jp-playlist-current {
    display:inline;
}

在jplayer.playlist.js文件中,使用正确的
my\u jquery\u选择器
为要打印标题的div添加一行如下内容到
\u highlight
函数:

$(my_jquery_selector).html(this.playlist[index].title);
这是从该方法的当前最后一行开始的,该方法在播放器本身中设置title div(
This.cssSelector.title


有很多方法可以让头衔在球员身上体现出来,但这似乎不是你想要的。我在这里假设您希望在播放机之外的某个div中显示标题。

在您的jplayer.playlist.js文件中,使用正确的
my\u jquery\u选择器
为您希望打印标题的div添加一行,如下所示:

$(my_jquery_selector).html(this.playlist[index].title);
这是从该方法的当前最后一行开始的,该方法在播放器本身中设置title div(
This.cssSelector.title


有很多方法可以让头衔在球员身上体现出来,但这似乎不是你想要的。我在这里假设您希望在球员之外的某个div中显示标题。

最后我意识到如何解决这个问题。当我使用JPlayer的playlist版本时,它会生成一个未排序的列表(我忘记了,因为我将其不透明度设置为0),并且会用一些特殊的类标记当前曲目。所以我做了一个定时功能,它检查播放列表标记是否更改,如果更改,则将新标题复制到我需要的框中。但是当我写这篇文章的时候,我发现我可以控制播放列表的显示风格,所以我不需要复制任何东西…:)我终于明白了如何解决这个问题。当我使用JPlayer的playlist版本时,它会生成一个未排序的列表(我忘记了,因为我将其不透明度设置为0),并且会用一些特殊的类标记当前曲目。所以我做了一个定时功能,它检查播放列表标记是否更改,如果更改,则将新标题复制到我需要的框中。但是当我写这篇文章的时候,我发现我可以控制播放列表的显示风格,所以我不需要复制任何东西…:)