Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery$toggle(';';slow";)是否显示闪烁/卡住行为?_Javascript_Jquery_Css_Css Animations - Fatal编程技术网

Javascript Jquery$toggle(';';slow";)是否显示闪烁/卡住行为?

Javascript Jquery$toggle(';';slow";)是否显示闪烁/卡住行为?,javascript,jquery,css,css-animations,Javascript,Jquery,Css,Css Animations,问题 .toggle('slow')转换行为怪异,在隐藏和显示之前会闪烁,可能是因为我的代码设置方式,可能效率不高 详细信息 我有一个基本的设置,根据列表的数量显示/隐藏更多/更少的列表,因为最终当数据来自后端时,我们不知道。由于div跳跃不是一个好的用户体验,我添加了一个.toggle('slow'),这样高度可以很好地调整。但正如您在演示中所看到的,这显示了一个类似于buggy的行为,而隐藏列表正在浮动 。产品促销展示{ 背景:线性梯度(90度,#d4272e 50%,#fff 50%);

问题 .toggle('slow')转换行为怪异,在隐藏和显示之前会闪烁,可能是因为我的代码设置方式,可能效率不高

详细信息 我有一个基本的设置,根据列表的数量显示/隐藏更多/更少的列表,因为最终当数据来自后端时,我们不知道。由于div跳跃不是一个好的用户体验,我添加了一个.toggle('slow'),这样高度可以很好地调整。但正如您在演示中所看到的,这显示了一个类似于buggy的行为,而隐藏列表正在浮动

。产品促销展示{
背景:线性梯度(90度,#d4272e 50%,#fff 50%);
溢出:隐藏;
过渡:高度1秒;
}
.产品促销展示。_see-more-li{
列表样式:无;
光标:指针;
文字装饰:下划线;
}

产品滑块
电缆槽-FTE FRP
理想的
适用于要求高强度和高耐腐蚀性的应用。托盘系统有2个
种类:50
高度为80 mm,非常灵活

优势:
  • 易切割
  • 无需动火作业许可证
  • 用于切割和钻孔的简单手工工具
  • FRP具有较长的生命周期
  • FRP具有较长的生命周期
  • FRP具有较长的生命周期
  • FRP具有较长的生命周期
  • FRP具有较长的生命周期
  • FRP具有较长的生命周期
要求报价 网上购物 $(文档).ready(函数(){ $('ul')。每个(函数(){ var max=4 if($(this).find('li').length>max){ $(this).find('li:gt('+max+')).hide().end().append('
  • 阅读更多内容”); $('._see-more-li')。单击(函数(){ $(this).this(':gt('+max+')).toggle('slow'); 如果($('._see-more-text')。长度){ $(this.html('readless'); }否则{ $(this.html('readmore'); }; }); }; }); })
  • 这是因为您正在将列表项设置为显示:无,当您显示无时,它将隐藏整个项目,因此当您要显示它时,它将首先显示所有项目(填充),然后开始实际文本的转换

    您应该调整项目的高度,将高度设置为0以隐藏它,当您想要显示它时,将其设置为高度:自动