404錯誤頁面加載

Question

當this page負載，在Firebug畫面顯示如下：

NetworkError: 404 Not Found - http://summer-festivals.cloudfoundry.com/undefined 

我已經找到了錯誤到使傳送帶上的JQuery plugin。如果我刪除這個插件和調用它的代碼，錯誤消失。

但是，我無法弄清楚插件試圖檢索導致錯誤。所有傳送帶本身使用的圖像（例如prev，next，pause按鈕）以及傳送帶顯示的圖像加載正確，我想不出還有什麼可能試圖下載。

Answer 1

在調用所有資源之前，請嘗試將主庫調用放入標題標記中。

這些應該仍然在你的頭。您的文檔ready（）可以保留在頁腳中。看看這是否解決了你的問題。

<script src="/static/js/namespace.js" type="text/javascript" ></script> 
<script src="/static/js/global.js" type="text/javascript" ></script> 
<script src="/static/js/slide.js" type="text/javascript" ></script> 
<script src="/static/js/superfish/hoverIntent.js" type="text/javascript" ></script> 
<script src="/static/js/superfish/superfish.js" type="text/javascript" ></script> 
<script src="/static/js/superfish/supersubs.js" type="text/javascript" ></script> 
<script src="/static/js/tablesorter/jquery.tablesorter.min.js" type="text/javascript" ></script> 
<script src="/static/js/tablesorter/jquery.metadata.js" type="text/javascript" > </script> 
<script src="/static/js/tablesorter/init.js" type="text/javascript" ></script> 
<script src="/static/js/jquery.simplemodal.1.4.2.min.js" type="text/javascript" >  </script> 
<script src="/static/js/carousel/jquery.infinitecarousel2-thumbmod-1.js" type="text/javascript" ></script> 

Answer 2

後做了一些調試（全部好評螢火蟲）的我把範圍縮小到for循環開始上線175：

for(i=0;i<=numImages-1;i++) 
{ 
thumb = $('img:eq('+(i+1)+')', obj).attr('src'); 
// $('#thumbs'+randID).append('<div class="thumb" id="thumb'+randID+'_'+(i+1)+'" style="cursor:pointer;background-image:url('+thumb+');display:inline;float:left;width:'+o.thumbnailWidth+';height:'+o.thumbnailHeight+';line-height:'+o.thumbnailHeight+';padding:0;overflow:hidden;text-align:center;border:2px solid #ccc;margin-right:4px;font-size:'+o.thumbnailFontSize+';font-family:Arial;color:#000;text-shadow:0 0 3px #fff">'+(i+1)+'</div>'); 
$('#thumbs'+randID).append('<div class="thumb" id="thumb'+randID+'_'+(i+1)+'" style="cursor:pointer;display:inline;float:left;width:'+o.thumbnailWidth+';height:'+o.thumbnailHeight+';padding:0;overflow:hidden;text-align:center;border:2px solid #ccc;margin-right:4px;font-size:'+o.thumbnailFontSize+';font-family:Arial;color:#000;text-shadow:0 0 3px #fff"><img src="'+thumb+'" width="'+o.thumbnailWidth+'" height="'+o.thumbnailHeight+'" alt="" /></div>'); 
// $('#thumbs'+randID).append('<div class="thumb" id="thumb'+randID+'_'+(i+1)+'" style="cursor:pointer;display:inline;float:left;width:'+o.thumbnailWidth+';height:'+o.thumbnailHeight+';padding:0;overflow:hidden;text-align:center;border:2px solid #ccc;margin-right:4px;font-size:'+o.thumbnailFontSize+';font-family:Arial;color:#000;text-shadow:0 0 3px #fff"><img src="thumbnail.php?i='+thumb+'&w='+o.thumbnailWidth+'&h='+o.thumbnailHeight+'&q=100" alt="" /></div>'); 
if(i<=o.inView) $('#thumb'+randID+'_'+i).css({'border-color':'#ff0000'}); 
unviewable.push(i+1); 
} 

的它似乎出問題的結果是在i+1在選擇器中。 obj是div#carousel，這有9個圖像（numImages正確設置爲9）。

然而，選擇器循環從1到9，而我相信它應該循環從0到8（通過粘附在觀察窗口的東西）。這意味着當它開始評估$('img:eq(9)', obj)時，它不會得到任何迴應，所以src屬性是「未定義的」。然後它會嘗試添加一個帶有「未定義」的圖像作爲src，這是它出錯的地方。

它看起來像旋轉木馬代碼中的一個錯誤，所以我可能會建議嘗試與他們談論它。你可以通過用i取代i + 1來修復它，但是我沒有提供任何保證。 :)