jQuery MiniUI

标题: 兼容性问题 [打印本页]
作者: xz19861120    时间: 2012-11-12 10:53:11     标题: 兼容性问题

我的html页面代码如下，
  1.   <div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
  2.                 <table style="width: 100%; height: 30px;">
  3.                     <tr>
  4.                         <td align="left" style="width: 50px;">
  5.                             <div id="cbFirst" style="float: left;width: 120px;">
  6.                                 <input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox" allowinput="false" onvaluechanged="GetFollow()";/></div>  
  7.                             <div id="cbTextbox" style="float: left;margin-left:10px;width: 110px;">
  8.                                 <input id="key" class="mini-textbox" onenter="onKeyEnter" />
  9.                             </div>
  10.                             <div id="cbOrganization" style="float: left;margin-left:10px;width: 110px;display:none">
  11.                                 <input  idField="Key" textField="Value" id="keyOrganization"    class="mini-combobox" allowinput="false" />
  12.                             </div>
  13.                              <div id="cbDepartment" style="float: left;margin-left:10px;width: 110px;display:none">
  14.                                 <input idField="Key" textField="Value" id="keyDepartment"  class="mini-combobox" allowinput="false" />
  15.                             </div>
  16.                               <a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true">
  17.                                 查询</a>
  18.                         </td>
  19.                     </tr>
  20.                 </table>
  21.             </div>
复制代码
JS代码如下：
  1. //#region //根据选的查询条件不一样，改变第二个div的格式
  2. function GetFollow() {
  3.     var selectInfo = mini.get("cmbFirst").getValue();
  4.     if (selectInfo == "UserName" || selectInfo == "RealName" || selectInfo == "Mobile") {
  5.         //当选择的是可以输入的时候显示一个，隐藏另一个
  6.         document.getElementById("cbTextbox").style.display = "block";
  7.         document.getElementById("cbOrganization").style.display = "none";
  8.         document.getElementById("cbDepartment").style.display = "none";
  9.     } else if (selectInfo == "Organization") {
  10.         document.getElementById("cbTextbox").style.display = "none";
  11.         document.getElementById("cbOrganization").style.display = "block";
  12.         document.getElementById("cbDepartment").style.display = "none";
  13.         //选择所属地市的时候加载地市数据
  14.         mini.get("keyOrganization").setUrl("../../../dictionary.ashx?dic=city");
  15.     } else if (selectInfo == "Department") {
  16.         document.getElementById("cbTextbox").style.display = "none";
  17.         document.getElementById("cbOrganization").style.display = "none";
  18.         document.getElementById("cbDepartment").style.display = "block";
  19.         //选择所属部门的时候加载部门数据
  20.         mini.get("keyDepartment").setUrl("../../../dictionary.ashx?dic=department&type=1");
  21.     }
  22. }
  23. //#endregion
复制代码
问题如下：在chrome显示中，和IE的兼容性视图下，显示正常，如下：
[attach]925[/attach]
但是在IE的非兼容性视图下，则不会显示出来后面的，求解决方案
[attach]924[/attach]


作者: factory    时间: 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">
模式,不然会造成不同
作者: xz19861120    时间: 2012-11-13 10:46:57

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

这个都有加的，不知道是哪里的问题了
作者: factory    时间: 2012-11-13 10:51:36

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

你把页面上传发给我看下吧
作者: feelsun    时间: 2012-11-13 13:02:35

我的页面火狐浏览器也是有问题，chrome是好的，IE也可以，火狐全散了
作者: xz19861120    时间: 2012-11-13 21:08:56

  1. <div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
  2.                 <table style="width: 100%; height: 30px;">
  3.                     <tr>
  4.                         <td align="left" style="width: 0px;">
  5.                             <div id="cbFirst" style="float: left; width: 110px;">
  6.                                 <input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox"
  7.                                     allowinput="false" onvaluechanged="GetFollow()" /></div>
  8.                             <div id="cbTextbox" style="float: left; margin-left: 10px; width: 110px;">
  9.                                 <input id="key" class="mini-textbox" onenter="onKeyEnter" style="margin-left: 8px;"/>
  10.                             </div>
  11.                             <div id="cbOrganization" style="float: left; margin-left: 20px; width: 110px; display: none">
  12.                                 <input idfield="Key" textfield="Value" id="keyOrganization" class="mini-combobox"
  13.                                     allowinput="false" />
  14.                             </div>
  15.                             <div id="cbDepartment" style="float: left; margin-left: 20px; width: 110px; display: none">
  16.                                 <input idfield="Key" textfield="Value" id="keyDepartment" class="mini-combobox" allowinput="false" />
  17.                             </div>
  18.                             <div style="float: left; margin-left: 25px; width: 110px;">
  19.                                 <a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true">查询</a></div>
  20.                         </td>
  21.                     </tr>
  22.                 </table>
  23.             </div>
复制代码
作者: xz19861120    时间: 2012-11-13 21:09:59

xz19861120 发表于 2012-11-13 21:08

修改后的代码，兼容性问题解决了
作者: xz19861120    时间: 2012-11-14 09:05:35

feelsun 发表于 2012-11-13 13:02
我的页面火狐浏览器也是有问题，chrome是好的，IE也可以，火狐全散了

哥们你的问题具体点，或者弄点代码看看
作者: factory    时间: 2012-11-14 09:19:58

feelsun 发表于 2012-11-13 13:02
我的页面火狐浏览器也是有问题，chrome是好的，IE也可以，火狐全散了

把你散了的页面发上来我看看



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2