предотвратить 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-checkbox в css, чтобы скрыть его, но предпочтительнее подход jquery для мобильных стандартов.Существует ли такая вещь?

Answer 1

Атрибут, который запрещает стилизацию, data-role="none"

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

См. Jquery doc : «Предотвращение автоматической инициализации элементов формы»

Answer 2

Для будущих пользователей.

На всякий случай, если вы хотите отключить для каждого элемента формы или ваши формы загружаются динамически, где вы не можете редактировать разметку, используйте это.

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

Answer 3

У меня слишком много мест, чтобы изменить входные данные и добавить data-role = "none" У меня работает следующий код:

 <script>
        $(document).bind('mobileinit',function(){
            $.mobile.page.prototype.options.keepNative = "select,input";
        });        
    </script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>