如何在移动浏览器中打开下拉菜单

Question

我试图在其父级别的下拉更改事件上打开孩子下拉菜单，以我的表格，我有10个下拉列表，我需要在其父母的下拉订单更改事件中逐一打开选择。

我尝试了很多jQuery片段，但是这些片段仅在桌面浏览器上工作，而不是像http://jsfiddle.net/xe73h/444/这样的移动设备。

我还尝试过 size 属性为$("#sel").attr("size", 10);，但它也无法在移动设备中工作。（在Chrome中为Andriod和Safari尝试用于iPhone设备）

Answer 1

要用单击或触摸触发该功能，您可以更改此信息：

$(document).click( function () {

：

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

或以下：

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

touchstart事件在触摸元素后立即发射，touch事件更像是" TAP"，即表面上的单个触点。您应该真正尝试其中的每一个，以了解最适合您的方法。在某些设备上，touch可能更难触发（这可能是一件好事或坏事 - 它可以防止拖动计数，但是意外的小阻力可能导致它不会被触发）。有关参考，您可以看到此链接