Jquery 关注<;选择>;移动IE中的元素(WP8)
我正在开发一个基于HTML5的web应用程序,它最终将部署到iOS、Android和WindowsPhone8(也可能是7) 应用程序的一部分涉及用户从Jquery 关注<;选择>;移动IE中的元素(WP8),jquery,html,select,focus,windows-phone,Jquery,Html,Select,Focus,Windows Phone,我正在开发一个基于HTML5的web应用程序,它最终将部署到iOS、Android和WindowsPhone8(也可能是7) 应用程序的一部分涉及用户从select下拉菜单中选择选项 因为这些表单元素不是很容易固定,所以我提出了一个解决方案,让CSS将select元素从顶部移动到绝对位置-10000px,这样它们就不会出现在应用程序中 应用程序。然后在其位置插入一个a元素,该元素的样式类似于一个简单的块,其中写入了当前选定的值 当用户点击a元素时,我使用jQuery(2.0)截取点击并将焦点设置
select
下拉菜单中选择选项
因为这些表单元素不是很容易固定,所以我提出了一个解决方案,让CSS将select
元素从顶部移动到绝对位置-10000px,这样它们就不会出现在应用程序中
应用程序。然后在其位置插入一个a
元素,该元素的样式类似于一个简单的块,其中写入了当前选定的值
当用户点击a
元素时,我使用jQuery(2.0)截取点击并将焦点设置为select
元素,从而启动web浏览器中使用的正常选择机制
这在iOS上可以完美地工作。还没有在安卓系统上试用过,但在WindowsPhone8的IE中根本不起作用
是否有任何已知的解决方法?是因为IE没有将焦点交给select,还是只是将焦点交给了selection,但没有打开selection菜单?据我所知,jQuery 2.0在IE>8中不起作用 记住jQuery2.0不会在IE6、7或8上运行;我们在存钱 这是jquery1.9的职责。我们完全希望大多数互联网网站 可能会继续使用jQuery1.x相当长一段时间,只要旧的 IE的版本仍然占网络冲浪者的很大比例。及 因此,jQuery团队还将继续支持jQuery1.x和jQuery1.x 和2.x行。不要觉得你错过了什么或摔倒了 由于1.9和2.0的API 都是一样的
我还没有发现这个问题的根本原因,但通过使用普通的
select
元素并使用CSS对其进行样式化,解决了这个问题
为了避免下拉箭头按钮可见,我使用了jQuery.wrap()
将select
元素包装在div
元素中,并将select
元素的宽度设置为div
,即:
div {
border: 1px solid #FFF;
overflow: hidden;
width: 100px;
}
div select {
background: transparent;
border: 0;
padding: 8px 10px;
color: #FFF;
width: 150px; /* wider than the div, to hide the drop-down arrow */
}
据我所知,WindowsPhone8使用IE10,所以据我所知,jQuery2.0应该可以很好地使用它。使用jQuery的代码的其他部分工作得很好,所以我不确定这是否是问题所在——不过我可能会尝试使用jQuery 1.9,谢谢。切换到jQuery 1.9实际上会破坏应用程序。完全是这样,这让我感到惊讶——我认为我没有使用任何2.0特有的特性。我知道我今晚要做什么!