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条评论
登录后参与评论

相关文章

来自分类Dev

基于 JQuery 的选择菜单上的 D3 和 JQuery 单击事件发生冲突

来自分类Dev

jQuery mobile-添加按钮以选择菜单

来自分类Dev

在html页面上动态填充的选择菜单,无需使用jquery mobile即可在android webview上显示

来自分类Dev

如何根据选择更改jquery mobile选择菜单按钮的背景颜色?

来自分类Dev

使用Jquery在按钮单击上显示模态

来自分类Dev

使用Jquery在按钮单击上隐藏/显示Div

来自分类Dev

div在按钮上单击显示在jQuery中

来自分类Dev

在按钮单击jquery上隐藏/显示div

来自分类Dev

JQuery Mobile中的多个可过滤选择菜单

来自分类Dev

页面加载时选择菜单 Jquery UI 更改事件

来自分类Dev

使用jquery更改选择菜单的单选按钮

来自分类Dev

jQuery附加在按钮上单击显示文本然后消失

来自分类Dev

在按钮单击jquery上显示非唯一的div类

来自分类Dev

jQuery附加在按钮上单击显示文本然后消失

来自分类Dev

JQuery 在按钮单击时显示上一条消息

来自分类Dev

通过 Javascript / jQuery 在按钮单击时显示 Bootstrap 警报

来自分类Dev

jQuery 单选按钮上的单击事件

来自分类Dev

jQuery Mobile选择菜单data-native-menu =“ false”选择的项目颜色

来自分类Dev

jQuery在按钮上单击不起作用

来自分类Dev

在按钮上添加数字单击使用jQuery吗?

来自分类Dev

使用jquery ajax在按钮单击上的POST表单

来自分类Dev

jQuery选择器上的单击事件

来自分类Dev

用鼠标右键单击打开带有jQuery的选择菜单

来自分类Dev

jQuery Mobile选择菜单可在弹出窗口中的任意位置打开

来自分类Dev

jQuery:将按钮过滤器变成选择菜单选项?

来自分类Dev

jQuery工具提示不会显示在按钮上

来自分类Dev

jQuery将单击事件绑定到选择元素的每个选项上的按钮

来自分类Dev

jQuery UI选择菜单更改在更改时显示文本

来自分类Dev

jQuery mobile-按钮单击事件后返回索引

Related 相关文章

  1. 1

    基于 JQuery 的选择菜单上的 D3 和 JQuery 单击事件发生冲突

  2. 2

    jQuery mobile-添加按钮以选择菜单

  3. 3

    在html页面上动态填充的选择菜单,无需使用jquery mobile即可在android webview上显示

  4. 4

    如何根据选择更改jquery mobile选择菜单按钮的背景颜色?

  5. 5

    使用Jquery在按钮单击上显示模态

  6. 6

    使用Jquery在按钮单击上隐藏/显示Div

  7. 7

    div在按钮上单击显示在jQuery中

  8. 8

    在按钮单击jquery上隐藏/显示div

  9. 9

    JQuery Mobile中的多个可过滤选择菜单

  10. 10

    页面加载时选择菜单 Jquery UI 更改事件

  11. 11

    使用jquery更改选择菜单的单选按钮

  12. 12

    jQuery附加在按钮上单击显示文本然后消失

  13. 13

    在按钮单击jquery上显示非唯一的div类

  14. 14

    jQuery附加在按钮上单击显示文本然后消失

  15. 15

    JQuery 在按钮单击时显示上一条消息

  16. 16

    通过 Javascript / jQuery 在按钮单击时显示 Bootstrap 警报

  17. 17

    jQuery 单选按钮上的单击事件

  18. 18

    jQuery Mobile选择菜单data-native-menu =“ false”选择的项目颜色

  19. 19

    jQuery在按钮上单击不起作用

  20. 20

    在按钮上添加数字单击使用jQuery吗?

  21. 21

    使用jquery ajax在按钮单击上的POST表单

  22. 22

    jQuery选择器上的单击事件

  23. 23

    用鼠标右键单击打开带有jQuery的选择菜单

  24. 24

    jQuery Mobile选择菜单可在弹出窗口中的任意位置打开

  25. 25

    jQuery:将按钮过滤器变成选择菜单选项?

  26. 26

    jQuery工具提示不会显示在按钮上

  27. 27

    jQuery将单击事件绑定到选择元素的每个选项上的按钮

  28. 28

    jQuery UI选择菜单更改在更改时显示文本

  29. 29

    jQuery mobile-按钮单击事件后返回索引

热门标签

归档