这是我的代码。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<style type="text/css">
div {
background-color: silver;
border: 1px solid black;
width:200px;
}
</style>
<script>
$(function() {
$("#click").dblclick(function(e) {
var options = "<select id='combobox'>"
for ( var i = 0; i < 50; i++) {
options += '<option value="ActionScript">Value - ' + i + '</option>';
}
$(this).html(options + "</select>");
});
});
</script>
</head>
<body>
<div id="click">double click me</div>
</body>
</html>
双击后div
, a select
元素被渲染在div
。问题出现在IE8之后select
渲染后,需要单击两次才能打开下拉菜单。只需单击一下即可将其打开。
目前我没有 IE8 请尝试添加$('#click').unbind('dblclick');
创建选择元素后,它将禁用 #click dblclick 事件。
$(function() {
$("#click").dblclick(function(e) {
var options = "<select id='combobox'>"
for ( var i = 0; i < 50; i++) {
options += '<option value="ActionScript">Value - ' + i + '</option>';
}
$(this).html(options + "</select>");
$('#click').unbind('dblclick');
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)