Jquery 在窗口上隐藏和显示元素调整大小
我有一个分类清单。这个列表包含>5个元素，当我在桌面上时，它应该只显示5个元素，并且列表可以用一个已经处理好的按钮展开。当我将窗口调整到一定大小时，它应该只显示列表中的4个元素。这是我开始工作的地方。但是，当我再次将窗口调整为更大的尺寸时，第5个元素不会再次出现 $document.readyfunction{ $'div.category-wrapper'.eachfunction{ var numEl=$this.find'a'.length； 如果numEl>5{ $'a'，this.eq4.nextAll.hide.addClass'shop-category-toggleable'； } }; $window.resizefunction{ 如果$'tablet-indicator'.is'：可见{ $'div.category-wrapper'.eachfunction{ var numEl=$this.find'a'.length； 如果numEl>4{ $'a'，this.eq3.nextAll.hide.addClass'shop-category-toggleable'； } }; } }; $window.resizefunction{ 如果$'desktop-indicator'.is'：可见{ $'div.category-wrapper'.eachfunction{ var numEl=$this.find'a'.length； console.lognumEl； 如果numEl>5{ $'a'，this.eq4.nextAll.hide.addClass'shop-category-toggleable'； } }; } }; }; .类别包装.商店类别{ 显示：块； } 平板显示器， 桌面指示器{ 宽度：10px； 高度：10px； } 片剂指示器{ 背景颜色：绿色； } 桌面指示器{ 背景色：红色； } @介质最小宽度：300px{ 片剂指示器{ 显示：块； } 桌面指示器{ 显示：无； } } @介质最小宽度：600px{ 片剂指示器{ 显示：无； } 桌面指示器{ 显示：块； } } 你只是在隐藏类别 你忘记做的是在隐藏类别之前显示它们。所以无论你什么时候Jquery 在窗口上隐藏和显示元素调整大小,jquery,Jquery,我有一个分类清单。这个列表包含>5个元素，当我在桌面上时，它应该只显示5个元素，并且列表可以用一个已经处理好的按钮展开。当我将窗口调整到一定大小时，它应该只显示列表中的4个元素。这是我开始工作的地方。但是，当我再次将窗口调整为更大的尺寸时，第5个元素不会再次出现 $document.readyfunction{ $'div.category-wrapper'.eachfunction{ var numEl=$this.find'a'.length； 如果numEl>5{ $'a'，this.e
$('a', this)
.eq(4)
.nextAll()
.hide()
.addClass('shop-category-toggleable');
$('a', this)
.show() // add this extra line to initially show all categories
.eq(4)
.nextAll()
.hide()
.addClass('shop-category-toggleable');