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

Question

我正在使用 jQuery ajax 从 .html 文件加载 html。该 html 文件包含一个双列表格，宽度均为 200px。当我使用 $.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);
    }

})
}

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

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 来测试它，但如果你先测试它，祝你好运!