2

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

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

在此处查看它不起作用的页面。（PS 这个页面还没有实时链接）
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 脚本有冲突。我以前没有遇到过这样的问题。

谢谢您的帮助！

4

1 回答 1

3

如果这是你说的媒体播放器，那么原型和 jQuery 之间可能存在冲突。

如果您不想依赖 iFrame，则可以使用jQuery.noConflict()并避免冲突，但仍使用媒体播放器。如果我链接到正确的媒体播放器，它将如下所示：

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

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

于 2013-10-28T18:28:43.760 回答