jQuery Mobile在按钮单击事件上显示本机选择菜单

彭鹏

是否可以通过按钮单击事件在移动设备上打开本机选择菜单?如果需要,可以有一个隐藏的选择菜单。

我知道可能还有其他方法,例如使用面板小部件。只是想知道这种方法是否可行,而且有人曾经这样做过。

提前致谢。

http://jsfiddle.net/pengyanb/8fkg0vpu/8/

$('#needToOpenANativeSelectMenu').click(function(){
	//what to do to open up a native select menu?
});
<div data-role="page" id="panelAdminPage" data-theme="a" backPageId="">
    <!-header-->
    <div data-role="header" data-position="fixed"> 
         <h5 id="papHeader">Example Menu</h5>
        <a id="needToOpenANativeSelectMenu" class="ui-btn ui-btn-right ui-icon-bars ui-btn-icon-notext ui-corner-all"></a>
    </div> 
    <div data-role="main" class="ui-content" data-theme="b">
        <h2>Is is possible to open up a native select menu on mobile device like what the "Example Menu" does with a button (button on the top right corner)?</h2>
        <label for ="selectMenu">Example Menu:</label>
        <select id="selectMenu">
            <option value="op1">Option 1</option>
            <option value="op2">Option 2</option>
            <option value="op3">Option 3</option>
        </select>
    </div>

</div>

经过

是的,您可以在设备中使用trigger()

$('#needToOpenANativeSelectMenu').click(function(){ 
     $('#selectMenu').trigger('focus');  
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章