如何在移动浏览器中打开下拉列表?

时间:2017-09-12 06:05:14

标签: javascript jquery html jquery-ui

我正在尝试在其父下拉列表更改事件中打开子下拉列表。在我的表单中,我有10个下拉列表,我需要在其父选择的下拉列表更改事件中逐个打开。

我尝试了很多jquery片段,但这些片段仅适用于桌面浏览器,而不是像http://jsfiddle.net/XE73h/444/这样的移动设备

我还尝试将{strong> size 属性设为$("#sel").attr("size", 10);,但它也无法在移动设备上运行。 (在Chrome浏览器中尝试使用Andriod和Safari for iPhone设备)

1 个答案:

答案 0 :(得分:0)

要通过点击或触摸触发功能,您可以更改此信息:

$(document).click( function () {

对此:

$(document).on('click touchstart', function () {

或者这个:

$(document).on('click touch', function () {

touchstart事件会在触摸元素时触发,touch事件更像是"点击",即表面上的单个联系人。你应该真的尝试每一个,看看什么最适合你。在某些设备上,touch可能有点难以触发(这可能是好事或坏事 - 它可以防止拖动计数,但意外的小阻力可能导致它不被触发)。 作为参考,您可以看到此link