从样式元素中防止jquery mobile

Question

我有一个隐藏在页面上的复选框.我明显的第一次尝试如下:

<input type='checkbox' style='display:none' />

但是,我注意到jquery mobile会自动将复选框包装在一个如下所示的div中:

<div class='ui-checkbox'>
  <input type='checkbox' style='display:none;' />
</div>

我会假设某种data-元素会阻止这种额外的样式,但是在文档或其他地方没有找到它.很容易覆盖.ui-checkboxin css来隐藏它,但更喜欢更加jquery移动标准方法.这样的事情存在吗？

Answer 1

阻止样式的属性是 data-role="none"

<input type='checkbox' style='display:none' data-role="none" />

请参阅Jquery文档:"防止表单元素的自动初始化"

Answer 2

对于未来的用户.

为了防止您为每个表单元素禁用,或者您的表单动态加载,您无法编辑标记使用此功能.

        $(document).on('pagebeforecreate', function( e ) {
            $( "input, textarea, select", e.target ).attr( "data-role", "none" );
        });