類型錯誤：jQuery.colorbox未定義

我試圖讓我的彩盒圖像響應，我已經實現了與下面的代碼：類型錯誤：jQuery.colorbox未定義

<script type="text/javascript"> 
    // Make ColorBox responsive 
    jQuery.colorbox.settings.maxWidth = '95%'; 
    jQuery.colorbox.settings.maxHeight = '95%'; 

    // ColorBox resize function 
    var resizeTimer; 
    function resizeColorBox() { 
    if (resizeTimer) clearTimeout(resizeTimer); 
    resizeTimer = setTimeout(function() { 
     if (jQuery('#cboxOverlay').is(':visible')) { 
      jQuery.colorbox.load(true); 
     } 
    }, 300); 
    } 

    // Resize ColorBox when resizing window or changing mobile device orientation 
    jQuery(window).resize(resizeColorBox); 
    window.addEventListener("orientationchange", resizeColorBox, false); 
</script>

但我歌廳以下錯誤：

TypeError: jQuery.colorbox is undefined 
    jQuery.colorbox.settings.maxWidth = '95%';

來源

2013-10-18 Rumen Fidanov

您是否在頁面中包含了colourbox js文件？ –

你在腳本中導入框架嗎？ – zur4ik

您可以使用顏色框方法：

$("selector").colorbox({scalePhotos: true, maxWidth: '95%',maxHeight: '95%'});

來源

2013-10-18 10:10:35 user2891084

餵你的代碼工作正常，你一定不能包括得離譜在你的頁面上。我只是把這個lib放在這個jsfiddle和你的代碼上，它會停止拋出錯誤。

見http://jsfiddle.net/bw9ms/

請確保你在你的代碼的jQuery的lib和顏色框腳本參考

像

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js</script> 
    <script src="../jquery.colorbox.js"></script>

來源

2013-10-18 10:11:41

確保您：

添加了colorbox javascript庫
添加了jQuery庫，它已被添加到文檔中的colorbox庫之前。
是否在文檔中錯誤地添加了jQuery庫兩次

來源

2013-10-18 10:21:32 Xmindz

類型錯誤：jQuery.colorbox未定義

回答

相關問題