Использование «this» в jquery после вызова .next ()

Question

Использование «this» в jquery после вызова .next ()

0

Я делаю простой цикл прокрутки изображений, первое изображение проходит через экран просто отлично, но ничего не следует, я использую "это" неправильно? Код:

var width = $(window).width();
var height = $(window).height();

var size = (height + width)/2;

$( document ).ready(function()
{  
    $('#pictureFrame').children('img').each(function(){$(this).css('left', '100%')});
});
window.onload = function(){startSlideshow($('#pictureFrame > img'))};
function startSlideshow(myobj) {
    $(myobj).next().animate({left: "-=" + (width + 2000)},{
        duration: 30000,
        queue: false,
        easing: 'linear',
        complete: function() {
            $(myobj).css('left', '100%')
        }
    });
    time = ($(this).width()* 10)/(width + 2000);
    setTimeout(startSlideshow($(this)),time); 
}

HTML:

<div id="pictureFrame">    
     <img class="slideshow" src="img1.jpg">
     <img class="slideshow" src="img2.jpg">
     <img class="slideshow" src="img3.jpg">
     <img class="slideshow" src="img4.jpg">    
 </div>

Craig Lafferty 15 дек. 2013, в 15:15

Источник

1

Что если вы используете: startSlideshow($('#pictureFrame > img:first')) ??? В вашем коде $(myobj) - это все изображения, а не только одно. И вам нужно проксифицировать контекст на время ожидания. Кстати, ваш синтаксис тайм-аута здесь неправильный
A. Wolff 15 дек. 2013, в 13:45
1

startSlideshow есть window как его this объект. Это, вероятно, не то, что вы хотели.
Tim Seguine 15 дек. 2013, в 13:47
0

У меня сложилось впечатление, что .next работает только при вызове объекта, содержащего несколько братьев и сестер. Это неправильно?
Craig Lafferty 15 дек. 2013, в 13:48
1

.next () поиск следующего брата. Если нет, например, последнее изображение, пустой объект возвращается. Но в вашем коде много неправильного. Используйте вашу консоль для отладки и посмотрите, какой результат вы получите по сравнению с ожидаемым результатом
A. Wolff 15 дек. 2013, в 13:49
0

Итак, как я могу использовать «следующий» объект в refence без «этого»? Если я использую use, то хочу использовать элемент в myobj.next (), не буду ли я переходить к следующему объекту каждый раз, когда я его «вызываю».
Craig Lafferty 15 дек. 2013, в 13:51
0

НО вы вызываете next () для всех изображений, а не только для одного одновременно ...
A. Wolff 15 дек. 2013, в 13:52
1

this только связано, если вы вызываете что-то как метод. Если вы хотите повторно использовать объект, который затем возвращает, вам просто нужно сохранить его в переменной. И А. Вольф прав, вы должны звонить next с одним изображением, чтобы узнать, что вы хотите сделать.
Tim Seguine 15 дек. 2013, в 13:56
0

Если я $("#pictureFrame > img").first() в качестве параметра onload , все-таки работает ли .next() при вызове полученного объекта?
Craig Lafferty 15 дек. 2013, в 14:00
0

@CraigPatrickLafferty вы должны серьезно начать читать DOC, особенно документацию метода .next () ...
A. Wolff 15 дек. 2013, в 14:04
0

Именно там я столкнулся с самой растерянностью.
Craig Lafferty 15 дек. 2013, в 14:10

Показать ещё 8 комментариев

Теги:

jquery

1 ответ

Ещё вопросы

Что если вы используете: startSlideshow($('#pictureFrame > img:first')) ??? В вашем коде $(myobj) - это все изображения, а не только одно. И вам нужно проксифицировать контекст на время ожидания. Кстати, ваш синтаксис тайм-аута здесь неправильный
startSlideshow есть window как его this объект. Это, вероятно, не то, что вы хотели.
У меня сложилось впечатление, что .next работает только при вызове объекта, содержащего несколько братьев и сестер. Это неправильно?
.next () поиск следующего брата. Если нет, например, последнее изображение, пустой объект возвращается. Но в вашем коде много неправильного. Используйте вашу консоль для отладки и посмотрите, какой результат вы получите по сравнению с ожидаемым результатом
Итак, как я могу использовать «следующий» объект в refence без «этого»? Если я использую use, то хочу использовать элемент в myobj.next (), не буду ли я переходить к следующему объекту каждый раз, когда я его «вызываю».
НО вы вызываете next () для всех изображений, а не только для одного одновременно ...
this только связано, если вы вызываете что-то как метод. Если вы хотите повторно использовать объект, который затем возвращает, вам просто нужно сохранить его в переменной. И А. Вольф прав, вы должны звонить next с одним изображением, чтобы узнать, что вы хотите сделать.
Если я $("#pictureFrame > img").first() в качестве параметра onload , все-таки работает ли .next() при вызове полученного объекта?
@CraigPatrickLafferty вы должны серьезно начать читать DOC, особенно документацию метода .next () ...
Именно там я столкнулся с самой растерянностью.

Barmar · Accepted Answer · 2013-12-15T12-39-00.000Z

Я думаю, что что-то вроде этого ближе к тому, что вы хотите:

window.onload = function() {
    startSlideshow($('#pictureFrame > img:first'))
};

function startSlideshow(myobj) {
    myobj.animate({left: "-=" + (width + 2000)},{
        duration: 30000,
        queue: false,
        easing: 'linear',
        complete: function() {
            $(myobj).css('left', '100%')
        }
    });
    var next = myobj.next();
    if (!next.length) {
        next = myobj.siblings().first();
    }
    time = ($(this).width()* 10)/(width + 2000);
    setTimeout(function() {
        startSlideshow(next)
    }, time);
}

Каждый вызов startSlideshow переходит к следующему изображению в DIV. Когда он закончится, он вернется к первому.

По какой-то причине это не будет повторяться во второй раз, и setTimeout() не будет работать. все изображения начинают двигаться одновременно, даже если я использую целое число, например, 5, а не time .
Теперь по какой-то причине это только начало работать; однако цикл воспроизводится только один раз. Если обратный вызов из первой анимации не был вызван до повторного вызова анимации, это аннулирует обратный вызов и просто снова перейдет к анимации?
Я не очень знаком с анимацией jQuery, поэтому не знаю, что произойдет, если вы попытаетесь анимировать один и тот же элемент дважды одновременно. Кажется, это должен быть какой-то конфликт.