Довольно простая скользящая анимация, но когда я нажимаю div tallarrowsright, ничего не происходит. Я просматриваю что-то очевидное?JavaScript-анимация никогда не выполняется
$(document).ready(function(){
var all = 3;
var current = 1;
$(".tallarrowsright").click(function(){
if(current<all){
$(".slideme").animate({left:"-=1000"},500)
current = current+1
}
})
Fix: (Предполагается, что $(".tallarrowsright") существует на document.ready)
$(document).ready(function(){
var all = 3;
var current = 1;
$(".tallarrowsright").click(function(){
if(current < all){
$(".slideme").animate({
left:"-=1000"}, 500, function(){
// Animation complete.
current = current + 1;
console.log(current);
});
}
});
});
Я исправил все ваши синтаксические ошибки. Если '.tallarrowsright' существует на готовом документе, функция должна выполняться. Проверьте правильность имени класса, он должен быть таким же, как тот, который вы используете в селекторе jQuery. – andybeli
Я считаю, что это не проблема анимации, но проблема CSS. Попробуйте добавить position:relative в .slideme
просто нажмите кнопку "Basic шлепнуть!" :)
Я отредактировал это, чтобы правильно отформатировать и заметил, что у вас отсутствует закрывающая скобка вашего готового обратного вызова. Это была ошибка с копией или вы ее вообще не заметили? –
Боковое примечание: пока вы не можете комментировать сообщения других пользователей, вы можете прокомментировать свои комментарии. Поэтому, если вам нужно ответить, вы можете сделать это здесь, в комментариях. –
Поместите свой html-код здесь. –