Обновление переменной с использованием последнего селектора при изменении DOM

Question

Обновление переменной с использованием последнего селектора при изменении DOM

0

Я пишу карусель и не могу понять, почему переменная держит исходное значение DOM, несмотря на изменение DOM:

// Slide container selector
var carouselSlides = $('#carousel_1 #carousel_slides');

// Selects last slide in the DOM
var cloneSlide = $('#carousel_slides .carousel_slide').last().clone();

// Prepend last slide to slide container
cloneSlide.prependTo(carouselSlides);

function changeSlideNext() {

    carouselSlides.animate({
        left: '-=980'
    }, 1000, 'easeOutExpo', function() {

        // Remove prepended slide
        cloneSlide.remove();

        // Move first slide to the last
        $('#carousel_slides .carousel_slide').first().appendTo(carouselSlides);
        carouselSlides.css('left','-980px');

        // Add new prepended slide when animation is complete (and DOM is updated)
        cloneSlide.add().prependTo(carouselSlides);

    });

}

Вышеприведенный код всегда добавляет последний слайд в исходном DOM. Как выбрать слайд.last() после обновления DOM?

theorise 22 окт. 2013, в 12:28

Источник

0

почему вы вызываете cloneSlide.add() ? Это не связано с вашим вопросом.
Sacho 22 окт. 2013, в 10:07
0

Переменная cloneSlide захватывает последний слайд в DOM, клонирует его, а затем добавляет его в контейнер слайдов.
theorise 22 окт. 2013, в 10:12
0

Вызов add() ничего не меняет. Это абсолютно не нужно.
Sacho 22 окт. 2013, в 10:13
0

Ах да, убрал его и отредактировал вопрос.
theorise 22 окт. 2013, в 10:14

Показать ещё 2 комментария

Теги:

javascript

jquery

2 ответа

Ещё вопросы

почему вы вызываете cloneSlide.add() ? Это не связано с вашим вопросом.
Переменная cloneSlide захватывает последний слайд в DOM, клонирует его, а затем добавляет его в контейнер слайдов.
Вызов add() ничего не меняет. Это абсолютно не нужно.
Ах да, убрал его и отредактировал вопрос.

Sacho · Answer 1 · 2013-10-22T09-05-00.000Z

Вы только назначаете cloneSlide один раз, вне функции. Вызов changeSlideNext() не присваивает ему никакого другого значения - нет причин ожидать, что он будет другим.

Вы хотите сохранить последний слайд в функции, например:

carouselSlides.animate({
    left: '-=980'
}, 1000, 'easeOutExpo', function() {

    // Remove prepended slide
    cloneSlide.remove();

    // Move first slide to the last
    cloneSlide = $('#carousel_slides .carousel_slide').first().appendTo(carouselSlides);
    carouselSlides.css('left','-980px');

    // Add new prepended slide when animation is complete (and DOM is updated)
    cloneSlide.prependTo(carouselSlides);

});

Надеюсь, я правильно понял идею функции. Я не совсем уверен, какое значение вы хотели бы использовать для cloneSlide и когда.

Rohan Kumar · Answer 2 · 2013-10-22T08-32-00.000Z

Попробуй это,

function changeSlideNext() {
    carouselSlides.animate({
        left: '-=980'
    }, 1000, 'easeOutExpo', function() {
        var cloneSlide = $('#carousel_slides .carousel_slide:first').clone();

        // Remove first slide
        $('#carousel_slides .carousel_slide:first').remove();

        // Append new slide to last
        cloneSlide.appendTo(carouselSlides);    
    });    
}