0

ヘルプ！

私はこのサイトを構築しています:カスタム WP テーマを使用してhttp://armandwho.com/site 。

フルスクリーンの背景ビデオ (http://codecanyon.net/item/easy-video-background/1365012) を追加しようとしていますが、このテスト サイトhttp://clickjoe.comで動作させることができます(1 分かかります)。ロードする) が、ビルド サイトではありません。

Safari インスペクターでページを読み込むと、次のエラーが表示されます。

/site/#:232TypeError: 'undefined' は関数ではありません ('$("body").video_background' を評価しています)

誰が問題が何であるかをすぐに知ることができますか?

更新: ビルド & テスト サイトをロードするときに変化することがわかった唯一のことは、ファイル「http://clickjoe.com/flash/video.swf」がロードされることですが、このファイルはビルド サイトにロードされず、呼び出しはまったく同じです。このファイルの読み込みを妨げているものはありますか?

4

2 に答える 2

1

まず、jQuery 1.6.2 を含めます。

<script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script>

jQueryこれにより、1.6.2と$オブジェクトがセットアップされます。次に、video_backgroundプラグインを含めます。

<script type="text/javascript" src="js/video_background.min.js"></script>

これにより、jQuery 1.6.2jQueryと$オブジェクトが拡張され、メソッドが追加されますvideo_background。後で、jQuery 1.7.2 を含めます。

<script type='text/javascript' src='http://armandwho.com/site/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>

これは(!!!) 1.6.2jQueryと$オブジェクトを上書きし、video_backgroundメソッドはそれらと一緒に進みます。次に、最後に次のように呼び出しますvideo_background。

$("body").video_background({ /* ... */ });

...しかしvideo_background、すでになくなっています。

解決策は、 jQuery を 1 つだけ含めvideo_backgroundて、プラグインの前に含めることです。

于 2012-10-01T04:53:51.130 に答える
0

ページの読み込み後にコンソールでこのコードを実行すると、動作します...:

$("body").video_background({ format:"16:9",
    mp4:"video/AM.mp4" ,
    formatMobile:"16:9",
    mp4Mobile:"video/AM.mp4" ,
    loop:"true",
    autoplay:"true",
    muted:"true"
  });

jQuery(document).ready();ハンドラーが起動しています (エラーが発生します)。理由がわかりません。このページには大量のスクリプトがあり、競合している可能性があります。

ready() ハンドラが起動したときに、video_background javascript ファイルが正しくロードされていない可能性がありますか?

どのスクリプトが問題であるかがわかるまで、他のスクリプトを 1 つずつ削除してみてください。

于 2012-10-01T04:45:44.673 に答える