2

ドロップダウン メニューの問題を診断できません。

私が取り組んでいる Web ページの 1 つで、ナビゲーション バーの「サービス」にドロップダウン メニューがあります。ビデオ プレーヤーを使用するこの 1 つのページを除くすべてのページで機能します。

ここで動作しないページを参照してください。(PS このページはまだリンクされていません)
http://tytonsound.com/_videos.php

私が気づいたことの 1 つは、ヘッダー セクション内で行を移動すると、動作させることができるということです。例:
次の 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 に答える