0

IE9互換表示をオフにし、他の主要なブラウザー（chrome、firefox、safari、opera）では、Add Questionボタンをクリックすると、その下にテーブル行が追加されます。

しかし、IEで互換表示をオンにすると、下の表に空白が追加されます。

今私が気付いたのは、以下のコード行を削除すると、次のようになります。

var flag = true;

次に、IEの互換表示で動作しますが、フラグが未定義であることを示すエラーコンソールでエラーが発生します。

では、コンソールでエラーが発生しないように修正するにはどうすればよいですか？ただし、IE互換性でテーブル行をテーブルに追加できるようにするにはどうすればよいですか？

コードは以下のとおりです。

var flag = true;

if(flag == true)
{
    var tbl_qanda = $("#qandatbl").width();
    $("#qandatbl").css({"width": (tbl_qanda - 16)+ "px"});
}

var tbl_qanda_onthefly = $("#qandatbl_onthefly").width();

if(tbl_qanda > tbl_qanda_onthefly)
{
     $("#qandatbl").css({"width": (tbl_qanda_onthefly - 16)+ "px"});
     $("#qandatbl_onthefly_container").css({"width": (tbl_qanda_onthefly)+ "px"});
}

アップデート：

コードを表示するjsfiddleは次のとおりです：http：//jsfiddle.net/7GjYK/

動作中のバージョンを確認するには、このリンクDEMOを使用して、IE9互換オフまたは他の主要なブラウザで開きます。クリックするAdd Questionと、下にテーブル行が追加されますが、互換性を変更すると、表示して同じことを行うと、空白の追加が表示されます。

4

1 に答える 1

1

互換性を無効にして、IE9のままにしてみませんか。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

于 2013-02-09T22:22:56.627 に答える