Hide / Show работает нормально, но слайд не работает - PullRequest
0 голосов
/ 30 августа 2018

Я работаю над новостным тикером, который в основном скрывает заголовок и показывает следующий. Все работает find, но как только я использую метод hide ('slide'), он перестает работать. Он скрывает первый элемент, перемещая его, но никогда не показывает следующий элемент.

Примечание. Я добавил все необходимые файлы JS, так что это не проблема.

//Slide Headlines **(Working Code Without Sliding)**
setInterval(function(){
    $('.headlines_container a').each(function(){
        if($(this).css('display') != 'none'){
            $(this).hide();
            if($(this).next().is('a')){
                $(this).next('a').show();
                return false;
            }else{  
                $(this).closest('.headlines_container').find('a').first().show();
                return false;
            }
        }
    });
},2000);


//Slide Headlines **(Not Working)**
setInterval(function(){
    $('.headlines_container a').each(function(){
        if($(this).css('display') != 'none'){
            $(this).hide('slide',{direction:'left'});
            if($(this).next().is('a')){
                $(this).next('a').show('slide',{direction:'right'});
                return false;
            }else{  
                $(this).closest('.headlines_container').find('a').first().show('slide',{direction:'right'});
                return false;
            }
        }
    });
},2000);

1 Ответ

0 голосов
/ 30 августа 2018

$(this).hide('slide',{direction:'left'}); требует jQuery-ui library. Вы используете эту библиотеку? Вы также можете передать интервал времени при вызове функции hide.

$(this).hide('slide',{direction:'left'}, 1000);

Взгляните сюда

http://jsfiddle.net/ZQTFq/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...