3

私がやろうとしているのは、ColorBoxライトボックス内でビデオを再生することです。

私のHTMLコードは次のとおりです。リンクをクリックすると、ビデオが再生されます。

<a href="http://cdn-azu-ns.viddy.com/media/video/0b2b103a-0c40-48a4-877a-64645ef5a0ae-high.mp4?t=634914421568400000" target="_blank" class="photo_link cboxElement iframe">Video</a>

私が Colorbox で行うことは以下のとおりです。ビデオをライトボックスにロードします。

jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

以下のエラーが表示されます。

Error: cboxElement missing settings object

スクリーンショット

ここに画像の説明を入力

これを修正するにはどうすればよいですか? 上記以外にjsエラーがないことを考えると。jQuery が正しく含まれています。

4

4 に答える 4

4

私も同じ問題を抱えていました。正確な理由を理解するのに苦労していますが、内部で「iframe」という名前も使用しているため、どこかでカラーボックスが競合しています。関数が呼び出されるクラスとしてクラス名「iframe」が使用されている場合、どういうわけかこれが競合を引き起こしています。

私の場合は変わります

jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

に：

 jQuery(".photo_link").colorbox({iframe:true, width:"80%", height:"80%"});

働きました。

于 2013-05-31T15:35:42.290 に答える
2

これは私にとってはうまくいきました。すべてが整っていて、すべてのコードがバックエンドで生成されたにもかかわらず、何らかの理由でカラーボックスがリンクを適切に取得していませんでした。とにかく、それが私のために働いた方法はこれでした：

$(".iframe").live('click', function(e){
        $(this).colorbox({href: $(this).attr('href'), iframe:true, innerWidth:640, innerHeight:480, open:true});
        e.preventDefault();
        return false;
    });

このようにして、アクションを要素に再バインドし、colorbox に強制的にリンクを開きます。

手遅れではないことを願っています。

PS: jQuery 1.9+ を使用している場合は、live の代わりに on を使用する必要があります

于 2013-01-31T16:21:50.107 に答える
0

この同じエラーに遭遇し、カラーボックスへの重複呼び出しを削除して解決しました。ライブラリとカラーボックス関数の両方を 2 つの個別のインクルード ファイルに含めました。起動後に各カラーボックスウィンドウを2回閉じる必要があったため、複製であるに違いないと考えました。

コードを確認し、jquery.colorbox-min.js とそれを呼び出す関数が 1 回だけ含まれていることを確認してください。私の場合、私の機能は単純でした：

$(document).ready(function(){
    $("a.single_image").colorbox();
    $("a.link_preview").colorbox({iframe:true, width:"80%", height:"90%"});
});

重複した呼び出しを削除した後、問題はなくなりました。それが役に立てば幸い！

于 2013-06-04T19:34:36.853 に答える
0

このエラーが発生しましたError: cboxElement missing settings object when making a second jQuery on document ready function call after the initial on document ready function call that hold the colorbox parameters。

私の状況：

  • 私のページでは、すべてのコードを保持する 1 つの外部 .js ファイルを使用して呼び出します。

  • 外部 .js ファイル内には、 jQuery on document ready function内 にカラーボックス パラメーターがあります。

  • 問題のあるページ ( cboxElement 設定オブジェクトが見つからないという
    エラー    のあるページ) で、外部の .js ファイルの直後に、ドキュメントの準備が整った関数を使用する
    jQueryコードがいくつかありました: $(function(){});

私の問題：

この 2 番目のドキュメントの準備ができた呼び出しで、エラーError: cboxElement missing settings object for me が発生し、トリガーされました。

私の解決策：

問題のあるページのコードを、 jQuery の on document ready 関数の使用からJavascript のネイティブの自己実行匿名関数の使用に変更するだけで、修正は簡単でした。

(function(){
})();

案の定、エラー Error: cboxElement missing settings objectはなくなり、すべてが完璧に機能しました!

于 2013-11-23T18:25:46.753 に答える