Home > Article > Web Front-end > IE9 cannot click to select the scroll bar or drop-down box_html/css_WEB-ITnose
As the title...
An interface pops up on a page in IE9. There are several drop-down boxes in it. When it pops up for the first time, clicking on the drop-down box can display the options inside, but it will appear again after closing. After the interface pops up, the selection cannot pop up when clicked. It must be double-clicked to pop up. The same is true for the scroll bar on the right. Close the pop-up interface and refresh the page. When the interface pops up again, you can click to activate the drop-down box (scroll bar). However, when the interface pops up again for the second time, it becomes double-click to activate it. What is the problem?
Enabling Compatibility View did not change the situation, nor did canceling protected mode, nor did setting IE accelerated graphics. How to solve this problem?
Post a test code. It is convenient for everyone to reproduce the problem.
The code is as follows:
//添加用户 $("#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>}
Can you? For a pure front-end, such as HTML, you can copy the HTML code that loads the data in the browser's debugging tool.
Just like the code you gave now, I don’t even see where the drop-down box is. . . .
Can you give me a pure front-end, such as the HTML part? You can copy the HTML code that loads the data in the browser's debugging tool.
Just like the code you gave now, I don’t even see where the drop-down box is. . . .
In other words, you should sort this out slowly yourself. If you don't want to spend time writing a small test code, who can Will you spend time writing code to reproduce a problem?
Sometimes, the problem is originally a problem with the code, and others may not have the same problem.
In other words, you should sort this out slowly yourself. If you don’t want to spend time writing a small test code yourself, who will spend time writing code to reproduce a problem?
Sometimes, the problem is originally a problem with the code, and others may not have the same problem.
Has the poster solved it? I also have this problem, and the My97DatePicker calendar control cannot be used normally. Many controls have problems in IE9. IE9
Is there a problem? ?
Now XP is no longer supported. You have to change to WIN7. You can install multiple versions of IE8, IE9, IE10, IE11 on WIN7. When writing a program, you need to consider more compatibility issues, and the program is difficult to write.