Как очистить класс с помощью JS?

Здравствуйте!
Не могу разобраться, как осуществить корректную очистку класса, при выполнении добавляются сразу несколько классов а предыдущие не удаляется, итак, имею:
$(".next").live('click', function() {

		var idN2 = $(this).data("id");

		$.get( '/page/'+idN2+'.json', function(data) {

                        $(".item").animate({marginLeft:"-100px", opacity: "0"},200);

			$(".item").animate({marginLeft:"80px"},100, function(){

			$(".item").html('');

                         $(".item").append('<div">'+'</div>');

                       )};

                });

Соответственно, после клика на кнопку первый раз все ок, а при следующих кликах класс .item не очищается, как такое реализовать? Функция animate в данном случае Callback?
  • Вопрос задан
  • 2821 просмотр
Решения вопроса 1
@muldy Автор вопроса
Все разобрался были проблемы с дублированием классов, @Kuzzy отдельное спасибо!
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@Kuzzy
в данном контексте вместо $(".item").html(''); напишите $(this).empty()
Ответ написан
@Kuzzy
У вас одновременно выполняются 2 анимации, при чем одно и тоже свойство в противоположном направлении, ваш код вообще работает? Возможно стоит все поставить в очередь?
$(".item").animate(
    {marginLeft:"-100px", opacity: "0"}, 200,
    function() {
        $(this).animate(
            {marginLeft:"80px"},100, 
            function(){
                $(this).empty('')
            }
        )}
    )
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы