Я использую плагин jCarouselLite для создания двух галерей изображений на главной странице моего сайта на платформе Django. Код элементов со стрелками навигации генерируется динамически следующим образом:
$(document).ready(function ()
{
$('[jq\\:corner]').each(function(index, item)
{
item = $(item); item.corner(item.attr('jq:corner'))
})
$('[jq\\:menu]').each(function (index, item)
{
item = $(item); item.menu(item.attr('jq:menu'))
})
$('[jq\\:carousel]').each(function(index, item)
{
item = $(item); var args = item.attr('jq:carousel').split(/\s+/)
lister = item.parent().attr('class') + '_lister'
item.parent().append('<div id="'+ lister +'"></div>');
$('#' + lister).append("<a class='nav left' href='#'></a><a class='nav right' href='#'></a>");
toparrow = $(item).position().top + $(item).height() - 50;
widtharrow = $(item).width();
$('#' + lister).css({
'display': 'inline-block',
'z-index': 10,
'position': 'absolute',
'margin-left': '-22px',
'top': toparrow,
'width': widtharrow
})
$('#' + lister + ' .nav.right').css({
'margin-left': $('#' + lister).width() + 22
})
item.jCarouselLite({
btnNext: '#' + lister + ' .nav.right',
btnPrev: '#' + lister + ' .nav.left',
visible: parseInt(args[0])
})
})
Проблема в том, что если страница загружается через URL-адрес, , введенный в адресной строке , некоторые функции не работают, и вторая галерея отображается с неверными параметрами, но если я зашел на эту страницу по ссылке - все работает отлично. Это происходит только в Google Chrome (Ubuntu, стабильная 5.0.360.0), но не в Firefox или Opera.
В чем может быть причина?