Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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 .empty()使HTML页面跳转/抖动_Javascript_Jquery_Html - Fatal编程技术网

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类:
      ul{list style type:none;padding:0;}
      我怎样才能使它更简单?或者你是说
      ul
      的全部内容?这样做数字:是一个例子,你可以把你认为合适的数字{列表样式类型:无;填充:0;最小高度:300px;最小宽度:300px;}它现在来回摆动,首先向上摆动,然后向下摆动到位置