Jquery Internet Explorer中的选择框不起作用/消失 背景
我正在开发一个使用jQuery、jQuery验证和jQuery自动完成的网站。我正在开发一个表单,它使用验证来确保一些表单元素有效,使用自动完成来填充文本框,然后使用AJAX来动态替换表单。表单包含两个表单元素,包括一些下拉列表框(…)。列表框的样式为CSS3(使用Modernizer实现向后兼容性) 问题 问题在于Internet Explorer。我正在用IE9进行测试,但我认为它在IE7或IE8中也不起作用。有两个下拉选择框,均出现故障。当用户单击下拉箭头以显示可选选项列表时,一旦鼠标移到列表上进行选择,列表就会消失,就像用户单击了鼠标(但未进行选择)一样 其他说明:-Jquery Internet Explorer中的选择框不起作用/消失 背景,jquery,css,internet-explorer,Jquery,Css,Internet Explorer,我正在开发一个使用jQuery、jQuery验证和jQuery自动完成的网站。我正在开发一个表单,它使用验证来确保一些表单元素有效,使用自动完成来填充文本框,然后使用AJAX来动态替换表单。表单包含两个表单元素,包括一些下拉列表框(…)。列表框的样式为CSS3(使用Modernizer实现向后兼容性) 问题 问题在于Internet Explorer。我正在用IE9进行测试,但我认为它在IE7或IE8中也不起作用。有两个下拉选择框,均出现故障。当用户单击下拉箭头以显示可选选项列表时,一旦鼠标移到
- 这些框在其他浏览器中正常运行
- 这些框使用CSS3设置样式
- 如果我切换兼容性视图,框会正常工作,尽管它们看起来很糟糕
如果有人对此有任何信息或建议的解决方法,我将非常感谢。我了解到
位置:相对代码>涵盖了ie浏览器的许多问题。这是一个老问题,但我也遇到了同样的问题并找到了解决办法:当我禁用标题(jquery工具提示)时,选择框现在工作正常了。问题、问题、代码?在任何人都可以评估您提出的问题之前,您需要发布代码。感谢您指出这一点。添加了代码。@fixxer,使用您提供的代码,我不会遇到您描述的任何问题(对于IE7-9,所有工作都很好)。这告诉我这个问题一定是在与页面上其他css的交互中,而您没有提供。谢谢您的输入,Scott。我将尝试通过剥离CSS的一些部分来调试它。这有什么帮助。你做了什么?
<form name="form1" action="#" method="post" id="form1">
<fieldset>
<label for = "radio1">
<input type="radio" id="radio1" name="type" value="1" checked = "checked" />
Sell</label>
<label for = "radio2">
<input type="radio" id="radio2" name="type" value="2" />
Buy</label>
</fieldset>
<label>Address or zipcode</label>
<input name="address" id="address" type="text" size="40" placeholder="Address or zipcode" class="ui-helper-clearfix" />
<label>Second Option</label>
<select name="first_option" id="first_option">
<option value="" disabled="disabled">Select Option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
<label>Second Option</label>
<select name="second_option" id="second_option">
<option value="" disabled="disabled">Select Option</option>
<option value="1">Option 1</option>
<option value="2">Option 1</option>
<option value="3">Option 1</option>
<option value="4">Option 1</option>
<option value="5">Option 1</option>
<option value="6">Option 1</option>
<option value="7">Option 1</option>
<option value="8">Option 1</option>
<option value="9">Option 1</option>
</select>
<input name="submitbutton" type="submit" value="Submit" />
</form>
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
label{display:none;font: 100 italic 1.2em/1em "museo-sans";}
label[for=radio1], label[for=radio2]{display: inline-block;margin-right: 1em;padding: 0.7em 0;}
input, select, input[type=placeholder]{color:#666}
select, input, textarea, datalist{ outline: none;font:100 italic 1.2em/1em "museo-sans";margin:0 0 0.5em}
datalist, select, input[type=text], input[type=email], input[type=tel], textarea{padding: 2%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border: 1px solid #CCC;width: 96%;background:#fff}
select{width:100%}
input[type=submit], input[type=button], a.button, button {
color: #fff;border: none;width:100%;text-align:center;padding: 0.8em 0;font-size:1.3em;font-weight:700;font-style:normal;text-transform:uppercase;background: #ed4136;border: none;
-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;cursor:pointer;margin-bottom:0}