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 回答