Heim  >  Artikel  >  Web-Frontend  >  IE9单击无法选中滚动条或下拉框_html/css_WEB-ITnose

IE9单击无法选中滚动条或下拉框_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:03:091595Durchsuche

如题..

在IE9中的一个页面中弹出一个界面,里面有几个下拉框,当第一次弹出来,点击下拉框可以显示里面的选项,但关闭后再次弹出界面后,单击时却无法弹出选择项,必须得双击后才能弹出来。右边的滚动条也是这种情况。关闭弹出界面再刷新页面重新弹出界面时又能单击激活下拉框(滚动条),但当重复第二次再弹出界面后又变成双击才能激活了。请问这是什么问题呢?
启用兼容视图也没有改变这种情况,取消保护模式也不行,设置IE加速的图形也不行。请问要如何解决呢?


回复讨论(解决方案)

贴个测试代码呗。方便大家去复现问题。

代码如下:

   //添加用户    $("#addUser").click(function () {        var addSystemManagerDlg = $.dialog({            id: 'addSystemManagerDlg',            title: '添加用户',            content: 'url:User/Create',            lock: true,            width: 400,            height: 300        });



<style>    input[type=text],input[type=password] {        width: 200px;    }    .Statu,.Sex    {        padding: 5px;        cursor: pointer;        border: 1px solid #8fb7d6;        background-color: #DFFFFF;           }    .t    {        border: 1px solid #4b7402;        background-color: #5f9402;        color:#fff;            }</style>



@using (Ajax.BeginForm(new AjaxOptions { OnComplete = "Completed" })){    @Html.ValidationSummary(true)  <div class="editor-item">                <div class="editor-label">编号:</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Code)                     @Html.ValidationMessageFor(model => model.Code)                </div>                <br/>                  <div class="editor-label">姓名:</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Name)                     @Html.ValidationMessageFor(model => model.Name)                </div>                <br/>      <div class="editor-label">密码:</div>                <div class="editor-field">                    @Html.PasswordFor(model => model.Password)                     @Html.ValidationMessageFor(model => model.Password)                </div>                <br/>        <div class="editor-label">邮箱:</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Email)                     @Html.ValidationMessageFor(model => model.Email)                </div>                <br/>          <div class="editor-label">电话:</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Phone)                     @Html.ValidationMessageFor(model => model.Phone)                </div>                <br/>         <div class="editor-label">性别:</div>                <div class="editor-field">                    <span class="Sex" name="0"> 男 </span><span class="Sex" name="1" style="margin-left:22px;"> 女 </span>                      <label style="color:red;visibility:hidden" class="Sex_Propty">性别不能为空</label>                    @Html.HiddenFor(model => model.Sex)                     @Html.ValidationMessageFor(model => model.Sex)                </div>      <br/>         <div class="editor-label">状态:</div>                <div class="editor-field">                    <span class="Statu" name="0">正常</span><span class="Statu" name="1" style="margin-left:18px;">冻结</span>                      <label style="color:red;visibility:hidden" class="Statu_Propty">性别不能为空</label>                     @Html.HiddenFor(model => model.Statu)                     @Html.ValidationMessageFor(model => model.Statu)                </div>                <br/>            </div>}

能不能给个纯前端的,比如HTML那块,你在浏览器的调试工具里,把加载好数据的HTML代码复制出来。

就像你现在给的代码,我都没有看到下拉框在哪里。。。。

能不能给个纯前端的,比如HTML那块,你在浏览器的调试工具里,把加载好数据的HTML代码复制出来。

就像你现在给的代码,我都没有看到下拉框在哪里。。。。



呃..一些代码可能不太方便贴..不过弹出界面的脚本和样式以及大致的内容基本上也算贴出来了..
下拉框没有放上来..不过这样弹出来应该有滚动条的..情况都是一样..

话说,这个还是你自己慢慢整理吧,你自己都不愿意花时间写个小的测试代码,谁会花时间去写代码去复现一个问题呢。

有时候,问题本来就是代码的问题,别人写的也许并没有出现同样的问题呢。

话说,这个还是你自己慢慢整理吧,你自己都不愿意花时间写个小的测试代码,谁会花时间去写代码去复现一个问题呢。

有时候,问题本来就是代码的问题,别人写的也许并没有出现同样的问题呢。



我也想过代码的问题,只是IE8和谷歌以及火狐都没有出现这种情况,唯独IE9和IE10是这样。IE11还没有测试过,估计情况类似,代码不方便贴太多,还是我自己整理吧。谢谢!

楼主解决了吗?我也出现了这样的问题,还有My97DatePicker 这个日历控件也不能正常使用了.很多控件在IE9中都出问题了.IE9
是不是有问题啊?
现在XP 已不支持了.得换WIN7  在 WIN7 上 可以装 IE8,IE9,IE10,IE11  多个版本.写程序要考虑更多的兼容问题,程序不好写了.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn