javascript - jquery在滚动中隐藏元素

Question

我创建水平滚动条以向左和向右运行内容内的元素，我的脚本是这样的：

<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 个项目，然后我想隐藏其他项目，当向右推时显示这个并隐藏另一个

我尝试了不同的东西，但我最终无法得到这个

谢谢

Answer 1

尝试这个：

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