6

我使用 jPlayerscript 为我正在制作的网站创建了一个 mp3 播放器。在独立页面中对其进行测试和样式设置，它可以完美运行：

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

但是，如果我在真实网站中实现它，我无法让控件正常工作。播放列表也不会完全显示：

http://www.basenharald.nl/3d/（点击“muziek”找到它）除此之外，似乎唯一起作用的按钮是播放和暂停。但是当我点击它时，它会跳回到起始屏幕......我认为这是由于一些冲突的脚本，但找不到在哪里。

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

4

4 回答 4

5

它<div id="toppanel">在播放按钮的前面......所以当你点击播放时，你实际上点击了顶部面板。

  • 您可以做的是，z-index在 CSS 中使用付款人将其向上移动（在 z 方向上）
  • 将播放器向下移动
  • 卸下顶板
于 2011-07-11T13:34:09.003 回答
1

要让所有歌曲出现在您的播放列表中，请将其添加到您的 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 文件的链接所取代。无论如何，这应该使播放器的行为与您的独立演示中的播放器一样。

于 2011-07-20T16:04:54.727 回答
1

这一行（在你的“scripts.js”中）似乎是个坏苹果：

/*!
 * Smoothscroll
 */
eval((function(){a="Scroller={speed:10,8dC.;d.while(dC.+C.}}...

我查看了原始脚本的源代码（您网站上包含的打包版本不可读），一条评论提到 Smoothscroll 会抓取文档中的所有锚点并将点击事件附加到滚动。由于 jquery 播放器对其控件使用锚点，因此存在冲突。

于 2011-07-21T03:38:49.677 回答
0

我遇到了脚本冲突的问题，我找不到错误。然后我添加var $j = jQuery.noConflict();并解决了我的问题。在此处阅读有关 jQuery 无冲突的更多信息：http: //api.jquery.com/jQuery.noConflict/

我不确定这是否能解决您的问题，但值得一试。

于 2011-07-15T04:44:41.857 回答