Javascript 数据本机菜单=";“真的”;不';无法在jquery mobile中使用multi-select

Javascript 数据本机菜单=";“真的”;不';无法在jquery mobile中使用multi-select,javascript,android,jquery,html,jquery-mobile,Javascript,Android,Jquery,Html,Jquery Mobile,我希望在使用带有multiselect按钮的mobile时具有本机行为。桌面可以使用正常行为(data native menu=“false”) 但是当使用data native menu=“true”时,它只在使用data role=“none”禁用jquery mobile时起作用 我使用的是chrome浏览器,同样在android和windows phone上测试过,都有相同的错误 请找到小提琴手: 如何解决这个问题 可能的解决方法: 用带有data role=“content”的div环

我希望在使用带有multiselect按钮的mobile时具有本机行为。桌面可以使用正常行为(
data native menu=“false”

但是当使用
data native menu=“true”
时,它只在使用
data role=“none”
禁用jquery mobile时起作用

我使用的是chrome浏览器,同样在android和windows phone上测试过,都有相同的错误

请找到小提琴手:

如何解决这个问题

可能的解决方法

  • 用带有
    data role=“content”
    的div环绕select,我得到了错误,因为它位于
    data role=“fieldcontain”
    中,所以所有内容都将被设置为jquery mobile样式,并且它将与本机mobile select一起工作
  • 例如:

    注意:在浏览器中,它不起作用

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

  • 使用我在第一次通话中这样做的占位符:

    $('select span').first().text('请,选择元素')

    如果(!Request.Browser.IsMobileDevice)


  • 如果您查看jQM文档,它会清楚地说明:

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


    @Tito,您必须使用data role=“none”,然后自己设计样式。你也可以使用第三方插件。谢谢你的回答,我刚刚更新了这个问题的可能解决方案。