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