隐藏/显示工作正常但滑动不起作用

Question

我正在制作一个新闻自动收录机，它基本上隐藏了标题并显示了下一个标题。一切正常，但是一旦我使用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);

Answer 1

$(this).hide('slide',{direction:'left'});需要jQuery-ui library。你在使用那个图书馆吗？在调用hide函数时，您也可以通过一个时间跨度。

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

看看这里

http://jsfiddle.net/ZQTFq/