data-native-menu =“true”在jquery mobile

时间:2015-06-23 12:17:47

标签: javascript android jquery html5 jquery-mobile

我希望在使用带有多选按钮的移动设备时具有本机行为。桌面可以使用正常行为(data-native-menu="false")。

但是在使用data-native-menu="true"时,只有在使用data-role="none"禁用jquery mobile时才能正常工作。

我正在使用Chrome浏览器,也测试了android和Windows手机,两者都有相同的错误。

请找到小提琴手:https://jsfiddle.net/titombo/uxamfLLf/

如何解决此问题?

可能的解决方法

  1. 使用带data-role="content"的div包裹选择,我收到错误,因为它在data-role="fieldcontain"内,因此所有内容都将被设置为jquery mobile,它将与本机移动选择一起使用。
  2. 实施例: https://jsfiddle.net/titombo/v5DC3/331/

    警告:在浏览器中它不起作用。

    1. 使用桌面和移动设备时,我会通过检查data-native-menu="false"是否为桌面浏览器来添加jQuery的属性,如果是移动设备,则不会添加任何内容。 或者在我的情况下,我使用ASP.Net MVC,我检查:

    2. 在初始调用中使用我这样做的占位符:

      $('select span')。first()。text('Please,select element')

      if(!Request.Browser.IsMobileDevice)

1 个答案:

答案 0 :(得分:0)

如果你看一下jQM文档,它会明确指出:

  

目前,jQuery Mobile仅支持将nativeMenu设置为false的select上的multiple属性。

http://api.jquerymobile.com/selectmenu/