div上的jQuery .html（''）移动整个页面

Question

当用户输入搜索内容时，我将替换文本框中键入事件的页面上div标签中的html。 当通过div标签上的jQuery的.html（）方法设置html时，整个页面将向左移动，然后向右移动。 由于某些原因，这仅在将网站部署到IIS站点时才发生，而在Visual Studio中本地运行时，页面不再向左和向右移动。 当我替换div标签内容时，我首先通过调用.html（''）清除它，然后将其设置为ul标签的搜索结果。 此问题也仅在Chrome上发生，它在Edge上正常运行。

Answer 1

发布代码会有所帮助，因此我们不必假设您在做什么。

如果您实际上正在执行以下操作：

$("#id").html("");
$("#id").html("html-here");

那就有意义了，第一个.html()调用将div设置为空，导致您提到的移位，然后在下一次调用.html()再次填充div。

相反，使用单个调用不会导致页面重新呈现两次，但仍会覆盖您想要的内容（您可能一直在考虑$.append() ，但必须先清除该内容：

$("#id").html("html-here");