2013-01-17 74 views
3

我想要做的是播放ColorBox燈箱內的視頻。ColorBox - 錯誤:cboxElement缺少設置對象

我的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做的事情如下。將視頻加載到lightbox中。

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

它給了我下面的錯誤。

Error: cboxElement missing settings object 

截圖

enter image description here

我應該怎麼做才能解決這個問題?鑑於除了上述之外沒有js錯誤。 jQuery包含正確。

+0

我遇到同樣的問題。但是,例如,如果您在參數中添加open:true,則它可以正常工作。顯然,它應該只在點擊上工作。如果有人有答案,請發佈。 – Alfonso

回答

4

我有同樣的問題。我很難理解爲什麼,但是在某處colorbox遇到了衝突,因爲它在內部也使用了名稱'iframe'。不知何故,當使用類名「iframe」作爲調用該函數的類時,會導致衝突。

在我的情況下改變

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

到:

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

工作。

+0

我認爲答案是沒有使用CSS類將被庫注入的DOM –

2

那麼這對我有效。即使一切都已到位,並且所有代碼都是在後端生成的,出於某種原因,colorbox並未正確地獲取鏈接,因爲在我的頁面上,該鏈接位於在鼠標懸停上顯示/隱藏的div內。無論如何,它爲我工作的方式是這樣:

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

這樣,你重新綁定操作的元素,然後顏色框的力量打開鏈接。

我希望它適合你,它還不算太晚。

PS:如果你正在使用jQuery 1.9+必須使用上,而不是活

0

我遇到了這個相同的錯誤,並通過去除對colorbox的重複調用來解決它。我已經在兩個獨立的包含文件中包含了庫以及我的colorbox函數。我想它一定是重複的,因爲我必須在啓動後關閉每個colorbox窗口兩次。

檢查您的代碼,並確保jquery.colorbox-min.js只包含一次,以及調用它的函數。在我的情況下,我的功能很簡單:

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

刪除重複調用後,問題就消失了。希望能幫助到你!

0

我經歷過這種錯誤錯誤:在文件準備函數調用持有的顏色框參數初始後的文件準備函數調用使得第二jQuery的當cboxElement丟失設置對象

我的情況:

  • 我的網頁上我使用,並調用保存所有 我的代碼只是一個外部.js文件。

  • 內外部js文件我也有顏色框參數一個 jQuery的內的文件準備功能

  • 在陷入困境的頁面(頁面cboxElement丟失設置對象
    錯誤
    ),緊隨其後的外部js文件我有一些
    的jQuery代碼,在文檔準備功能使用$(函數(){});

我的問題:

本次在文件準備調用引起,並引發錯誤錯誤:cboxElement丟失設置對象我。

我的解決辦法:

此修復程序是從使用改變困擾網頁代碼即可jQuery的在文件準備功能使用JavaScript的本地自執行匿名函數

(function(){ 
})(); 

果然錯誤錯誤:cboxElement丟失設置對象走了,一切都運行完美!