Question

我在使用下拉菜单诊断问题时遇到了问题。

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

请参阅此处不起作用的页面。（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脚本存在冲突。我以前没有遇到这样的问题。

感谢您的帮助！

Answer 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>

如果我使用了错误的媒体播放器，请使用指向正确媒体播放器的链接进行评论，然后我会查看是否可以更新答案以反映它。

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

1 个答案: