查看: 4757|回复: 8

兼容性问题 [复制链接]

Rank: 2

电梯直达

楼主

发表于 2012-11-12 10:53:11 |只看该作者 |倒序浏览

我的html页面代码如下，

<div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
<table style="width: 100%; height: 30px;">
<tr>
<td align="left" style="width: 50px;">
<div id="cbFirst" style="float: left;width: 120px;">
<input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox" allowinput="false" onvaluechanged="GetFollow()";/></div>
<div id="cbTextbox" style="float: left;margin-left:10px;width: 110px;">
<input id="key" class="mini-textbox" onenter="onKeyEnter" />
</div>
<div id="cbOrganization" style="float: left;margin-left:10px;width: 110px;display:none">
<input idField="Key" textField="Value" id="keyOrganization" class="mini-combobox" allowinput="false" />
</div>
<div id="cbDepartment" style="float: left;margin-left:10px;width: 110px;display:none">
<input idField="Key" textField="Value" id="keyDepartment" class="mini-combobox" allowinput="false" />
</div>
<a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true">
查询</a>
</td>
</tr>
</table>
</div>

复制代码

JS代码如下：

//#region //根据选的查询条件不一样，改变第二个div的格式
function GetFollow() {
var selectInfo = mini.get("cmbFirst").getValue();
if (selectInfo == "UserName" || selectInfo == "RealName" || selectInfo == "Mobile") {
//当选择的是可以输入的时候显示一个，隐藏另一个
document.getElementById("cbTextbox").style.display = "block";
document.getElementById("cbOrganization").style.display = "none";
document.getElementById("cbDepartment").style.display = "none";
} else if (selectInfo == "Organization") {
document.getElementById("cbTextbox").style.display = "none";
document.getElementById("cbOrganization").style.display = "block";
document.getElementById("cbDepartment").style.display = "none";
//选择所属地市的时候加载地市数据
mini.get("keyOrganization").setUrl("../../../dictionary.ashx?dic=city");
} else if (selectInfo == "Department") {
document.getElementById("cbTextbox").style.display = "none";
document.getElementById("cbOrganization").style.display = "none";
document.getElementById("cbDepartment").style.display = "block";
//选择所属部门的时候加载部门数据
mini.get("keyDepartment").setUrl("../../../dictionary.ashx?dic=department&type=1");
}
}
//#endregion

复制代码

问题如下：在chrome显示中，和IE的兼容性视图下，显示正常，如下：

但是在IE的非兼容性视图下，则不会显示出来后面的，求解决方案

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

Rank: 8 Rank: 8

沙发

发表于 2012-11-12 11:09:38 |只看该作者

miniui规定都是需要加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
模式,不然会造成不同

Rank: 2

板凳

发表于 2012-11-13 10:46:57 |只看该作者

factory 发表于 2012-11-12 11:09
miniui规定都是需要加
模式,不然会造成不同

这个都有加的，不知道是哪里的问题了

Rank: 8 Rank: 8

地板

发表于 2012-11-13 10:51:36 |只看该作者

xz19861120 发表于 2012-11-13 10:46
这个都有加的，不知道是哪里的问题了

你把页面上传发给我看下吧

Rank: 3 Rank: 3

5^#

发表于 2012-11-13 13:02:35 |只看该作者

我的页面火狐浏览器也是有问题，chrome是好的，IE也可以，火狐全散了

Rank: 2

6^#

发表于 2012-11-13 21:08:56 |只看该作者

<div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
<table style="width: 100%; height: 30px;">
<tr>
<td align="left" style="width: 0px;">
<div id="cbFirst" style="float: left; width: 110px;">
<input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox"
allowinput="false" onvaluechanged="GetFollow()" /></div>
<div id="cbTextbox" style="float: left; margin-left: 10px; width: 110px;">
<input id="key" class="mini-textbox" onenter="onKeyEnter" style="margin-left: 8px;"/>
</div>
<div id="cbOrganization" style="float: left; margin-left: 20px; width: 110px; display: none">
<input idfield="Key" textfield="Value" id="keyOrganization" class="mini-combobox"
allowinput="false" />
</div>
<div id="cbDepartment" style="float: left; margin-left: 20px; width: 110px; display: none">
<input idfield="Key" textfield="Value" id="keyDepartment" class="mini-combobox" allowinput="false" />
</div>
<div style="float: left; margin-left: 25px; width: 110px;">
<a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true">查询</a></div>
</td>
</tr>
</table>
</div>