Javascript .empty()使HTML页面跳转/抖动
我使用的是Javascript .empty()使HTML页面跳转/抖动,javascript,jquery,html,Javascript,Jquery,Html,我使用的是jQuery(“.bokningar ul”).empty()在Ajax提供新内容时清空特定的div。我遇到的唯一问题是,如果窗口没有一直向上滚动,HTML页面会有一点跳跃/抖动。 我的代码: jQuery(".bokningar ul").fadeOut(500); jQuery(".bokningar ul").empty(); var data = data.d.results; var
jQuery(“.bokningar ul”).empty()
在Ajax提供新内容时清空特定的div
。我遇到的唯一问题是,如果窗口没有一直向上滚动,HTML页面会有一点跳跃/抖动。
我的代码:
jQuery(".bokningar ul").fadeOut(500);
jQuery(".bokningar ul").empty();
var data = data.d.results;
var items = [];
jQuery.each(data , function (index, value) {
items.push(`
<li><span class="date">${moment(value.EventDate).format('YYYY-MM-DD HH:mm')}</span>
<span id="${value.ID}" class="edit">Ändra tid</span>
<span id="${value.ID}" class="erase">Radera tid</span></li>
`);
});
jQuery(".bokningar ul").append(items.join('')).hide().fadeIn(700);
jQuery(“.bokningar ul”).fadeOut(500);
jQuery(“.bokningar ul”).empty();
var数据=数据d.结果;
var项目=[];
每个(数据、函数(索引、值){
推(`
${moment(value.EventDate).format('YYYY-MM-DD HH:MM')}
Ändra tid
雷德拉tid
`);
});
jQuery(“.bokningar ul”).append(items.join(“”)).hide().fadeIn(700);
我错过什么了吗?有什么建议吗?您的问题不在于jquery,而是它在Css中试图使
“高度和宽度”是固定的如果附加的对象大小,我的建议是使
ul{list style type:none;padding:0;}
我怎样才能使它更简单?或者你是说ul
的全部内容?这样做数字:是一个例子,你可以把你认为合适的数字{列表样式类型:无;填充:0;最小高度:300px;最小宽度:300px;}它现在来回摆动,首先向上摆动,然后向下摆动到位置