滚动中的jquery隐藏元素

时间:2013-10-26 20:06:04

标签: javascript jquery jquery-animate jquery-scrollable

我创建了水平滚动条,用于向左和向右运行内容中的元素,我的脚本就是这样:

<script>
jQuery(document).ready(function() 
{
var $item = jQuery(".productos_items"), 
visible = 3, 
index = 0, 
endIndex=($item.length/visible)-1; 

jQuery('#productos_arrowR').click(function(){
if(index < endIndex ){
index++;
$item.animate({'left':'-=100px'});
}
});

jQuery('#productos_arrowL').click(function(){
if(index > 0){
index--;            
$item.animate({'left':'+=100px'});
}
});
});
</script>

我尝试这样的事情:

if ($item>=visible)
{
jQuery(".productos_items").css("display","none")
}

但没有作品

问题是我无法隐藏元素,例如我把可见的前3个项目和之后我想要隐藏其他项目,当向右推示时显示这个并隐藏其他

我尝试不同的东西,但我终于得不到了

谢谢

1 个答案:

答案 0 :(得分:0)

试试这个:

if ($item.length >= visible)    {
    $item.hide()
}