jquery mp3player - 独立工作,不在网站中

Question

我使用jPlayerscript为我正在制作的网站创建一个mp3播放器.在独立页面中对其进行测试和样式设置,使其完美运行:

http://www.basenharald.nl/3d/demo-02.htm

但是,如果我在真实的网站上实现它,我无法让控件工作.播放列表也不会完全显示:

http://www.basenharald.nl/3d/(点击"muziek"找到它)除此之外,似乎有效的唯一按钮是播放和暂停.但是当我点击它时,它会跳回到起始屏幕......我认为这是由于一些冲突的脚本,但找不到位置.

任何人都可以帮助找到问题吗？

Answer 1

的<div id="toppanel">是在播放按钮的前面......所以,当你点击播放你实际点击toppanel.

• 你可以做的是,使用z-indexCSS中的付款人将其向上移动(沿z方向)
• 移动玩家
• 删除toppanel

Answer 2

要让所有歌曲出现在您的播放列表中，请将其添加到您的 style.css 文件中：

#muziek .jp-type-playlist li {
    height: 18px;
}

第二个 <li> 标签仍然阻止玩家。使页面此区域中的标记如下所示：

<ul style="{snip... use existing styles}" id="muziek">
    <li style="{snip... use existing styles}">
        <div id="muur-wrapper">
            <!-- mp3 player snipped -->
            <img src="images/muziek-muziek.png" style="position: absolute; left: 251px; top: 300px;">
        </div>
    </li>
</ul>

然后您会注意到，单击播放列表上的项目会将您带回主页“页面”。那是因为其中有带有 href="#" 的链接。这是他们的正确行为，但我猜测“#”最终会被实际 mp3 文件的链接所取代。无论如何，这应该使播放器的行为类似于独立演示中的播放器。