jQuery mobile，当点击另一个元素时触发<select>打开</select>

Question

我有一个选项列表（不是实际标签，只是要点击的元素），例如：

• A
• 乙
• C

如果我点击A例如，我希望它自动打开select界面（如果可能的话，使用jQuery），这样用户就会选择（实际打开它）查看其中的选项，因此不会隐藏选项。

我也使用Phonegap，也许它可以提供帮助。

注意：这仅适用于移动设备，而非桌面设备。

Answer 1

你可以这样做： -

参考 LIVE DEMO

HTML：

<ul>
    <li>A
        <select id="list">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </li>
    <li>B</li>
    <li>C</li>
</ul>

JS：

$('li').one('touchstart', function() {
    $('li #list').show();
});

或

$('li').one('touchstart click', function() {
    $('#list', this).show();
});

基本上你应该使用touchstart作为事件。