0

jQueryajaxを使用して.htmlファイルからhtmlをロードしています。htmlファイルには、幅が200pxの2列のテーブルフォームが含まれています。$ .ajaxを使用してhtmlコンテンツをdivにロードすると、GoogleChromeは適切なcssスタイルを表示できません。両方の列の幅は200pxである必要があります。FirefoxとIE10は、テーブルがdivにアニメーション化される前に、正しいcssを正しく実行します。この場合、tdが小さいため、最初の列の単語が2行以上ではなく1行になります。ただし、テーブル内のいずれかのタグをクリックすると、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のサイズを正しく変更することは可能ですか？ありがとう

4

1 に答える 1

0 
  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 をセットアップしますが、最初にそれができたら頑張ってください!

于 2013-03-14T04:03:58.787 に答える