jquery - 动画后jQuery ajax加载的html没有正确的css样式

Question

我正在使用 jQuery ajax 从 .html 文件加载 html。该 html 文件包含一个宽度均为 200 像素的双列表表单。当我使用 $.ajax 将 html 内容加载到 div 中时，谷歌浏览器无法显示正确的 css 样式，这两个列的宽度都应为 200px。Firefox 和 IE10 在表格动画到 div 之前正确执行正确的 css，由于 td 较小，第一列中的单词现在是一行而不是两行或更多。但是，当我单击表格内的任一标签时，表格在 Chrome 中正确调整大小。

function test(){
$.ajax({
    url: "XXX.html",
    success: function(data){
        $("#main").css("position", "absolute");
        $("#main").css("left","200%");
        $("#main").html(data);
        $("#main").animate({left:"5%"},1000);
    }

})
}

在完成像 Firefox 和 IE10 这样的动画之前，Chorme 是否可以正确调整大小？谢谢

Answer 1

  function test(){
        $.ajax ({
   url: "XXX.html",
  success: function(data){
        $("#main").html(function(i,data){
        $("#main").css({'position':'absolute', 'left':'200px'});
        return data;});
$("#main").animate({left:"5%"},1000);
}
 });
  }

这应该工作或出现可怕的错误。我刚学Jquery！有点。我还将 200 更改为 px，因为这就是您在问题中提到的内容。我现在要设置一个 wway 来测试它，但如果你先得到它，祝你好运！