网站媒体播放器与网站导航栏冲突答案

【问题标题】：Website media player conflicting with web site's navigation bar网站媒体播放器与网站导航栏冲突
【发布时间】：2013-10-18 13:58:00
【问题描述】：

我无法诊断下拉菜单的问题。

在我正在处理的其中一个网页上，导航栏中的“服务”有一个下拉菜单。它适用于除使用视频播放器的这一页之外的每一页。

在此处查看它不起作用的页面。（P.S. 此页面尚未实时链接）
http://tytonsound.com/_videos.php

我注意到的一件事是，如果我在标题部分移动线条，我可以使事情正常进行。例如：
以下 2 个脚本文件位于脚本列表的顶部。它们控制下拉菜单功能。

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/menu.js"></script>

如果我将它们移动到控制 OSM 媒体播放器的脚本行下方，媒体播放器将不再显示，但下拉菜单可以正常工作。

我不知道该怎么做，但我猜这与一些 JS 脚本存在冲突。我以前没有遇到过这样的问题。

感谢您的帮助！

【问题讨论】：

您应该将解决方案发布为 awnser。

标签： javascript media-player

【解决方案1】：

如果this is the media player you're talking about，可能原型和jQuery有冲突。

如果您想使用rather not rely on an iFrame，您可以使用jQuery.noConflict() 和avoid conflicts，但仍然使用媒体播放器。如果我链接到正确的媒体播放器，它将如下所示：

!-- Putting jQuery into no-conflict mode. -->
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>

var $j = jQuery.noConflict();
// $j is now an alias to the jQuery function; creating the new alias is optional.

$j(document).ready(function() {
    $j("video").osmplayer({
      width: '100%',
      height: '600px'
    });
});
</script>

如果我得到了错误的媒体播放器，请在评论中附上正确播放器的链接，我会看看是否可以更新答案以反映它。

【讨论】：