404 ошибка при загрузке страницы

Question

Когда загружается эта страница , в Firebug появляется следующее сообщение:

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

Я отследил ошибку до JQuery-плагина , который отображает карусель. Если я удалю этот плагин и код, который его вызывает, ошибка исчезнет.

Однако я не могу понять, что пытается извлечь плагин, который вызывает ошибку. Все изображения, которые использует сама карусель (например, для кнопок prev, next, pause) и изображения, отображаемые каруселью, загружаются правильно, и я не могу думать, что еще она может пытаться загрузить.

Answer 1

ПОСЛЕ выполнения небольшой отладки (все хвалят firebug) Я сузил его до цикла 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 равен «undefined». Затем он пытается добавить изображение с «неопределенным», поскольку src, где это происходит не так.

Это похоже на ошибку в коде карусели, поэтому я, вероятно, предложил бы попытаться поговорить с ними об этом. Возможно, вы сможете исправить это, просто заменив i + 1 на i, но я не даю на это никаких гарантий. :)

Answer 2

Попробуйте поместить вызовы из основной библиотеки в тег заголовка, прежде чем вызывать все свои ресурсы.

Все они должны оставаться в заголовке.Ваш документ готов () может остаться в нижнем колонтитуле.Посмотрите, исправит ли это вашу проблему.

<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>