網站媒體播放器與網站導航欄衝突

Question

我在使用下拉菜單診斷問題時遇到問題。

在我正在處理的其中一個網頁上，導航欄中的「服務」上有一個下拉菜單。它適用於除使用視頻播放器的這一頁以外的每個頁面。

看到它不在這裏工作的頁面。 （附註：本頁面的鏈接直播尚）
http://tytonsound.com/_videos.php

有一兩件事我注意到的是，如果我在標題部分走動線，我可以做的事情工作。例如：
以下兩個腳本文件位於腳本列表的頂部。他們控制下拉菜單功能。

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

如果我錯了媒體播放器，並鏈接到正確的評論，我會看看我是否能更新的答案以反映它。