2011-02-26 5 views
1

Я просто пытаюсь найти tut от http://jqueryfordesigners.com/jquery-infinite-carousel/. Я не следовал построчно, но код в вопросе нижеjQuery css ("left", val), похоже, не работает

http://jsfiddle.net/sryKu/3/

if (currentPage < 1) { 
    $wrapper.css("left", - (itemsPerPage * itemWidth) * (pages-1) + "px"); // < ------ doesn't seem to get set 
    currentPage = pages; 
    console.log("wrapper left: " + $wrapper.css("left")); 
} else if (currentPage > pages) { 
    $wrapper.css("left", - (itemsPerPage * itemWidth) + "px"); // < ------ doesn't seem to get set 
    currentPage = 1; 
    console.log("wrapper left: " + $wrapper.css("left")); 
} 

Левую, кажется, не вступили в силу ...

+0

Это работает для меня из Chrome, в чем проблема? – RichardTheKiwi

+0

Работа в Firefox с использованием ссылок Next/Prev. Другие ссылки ничего не делают, но, глядя на код, это кажется намеренным на данном этапе. – Leigh

ответ

1

Проблема была одушевленным принимая две секунды и, таким образом, переопределить ваш вызов css («left», ...).

Следующий код исправляет это лишь анимировать, когда вам не нужно обернуть вокруг начала: http://jsfiddle.net/sryKu/12/

EDIT: игры вокруг немного (не может помочь себе, любит этот вид материал) Я добавил анимацию для обертывания к вашему коду: http://jsfiddle.net/sryKu/28/ ПРИМЕЧАНИЕ. Таким образом, этот прокрутка назад не является бесконечным, как ваш код.

+0

спасибо ... сделано ... http://jsfiddle.net/sryKu/27/ –

Смежные вопросы