Jquery 关注<;选择>;移动IE中的元素(WP8)

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)截取点击并将焦点设置

我正在开发一个基于HTML5的web应用程序,它最终将部署到iOS、Android和WindowsPhone8(也可能是7)

应用程序的一部分涉及用户从
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特有的特性。我知道我今晚要做什么!