jQuery Mobile muestra el elemento de selección oculto

Question

Consulte este elemento select con display:none. En jQuery Mobile se muestra a pesar de esto:

<select id="dddd" name="dddd" 
     data-mini="true" data-native-menu="false" data-theme="c" 
     onChange="" 
     style="display:none">  
    <option value="1">An optinos</option> 
</select> 

Estoy tratando de mostrar/ocultar jQuery Mobile select elementos dependientes de otras acciones del usuario por lo tanto, por qué estoy haciendo lo anterior.

¿Alguna idea?

Answer 1

Cuando su página se carga, jQuery Mobile mejora su página para que tenga la apariencia de móvil. Desafortunadamente, actualmente hay un problema con jQuery mobile que no puede adjuntar clases personalizadas (e incluso estilos personalizados, por el atributo de estilo) a los elementos mejorados. Por favor, consulte https://github.com/jquery/jquery-mobile/issues/3577 para el problema. Como una solución mientras este problema aún no se resuelve, en realidad puede envolverlo dentro de un elemento div y controlar la visualización del envoltorio div.

<div id="dddd-wrapper" class="ui-screen-hidden"> 
    <select data-mini="true" data-native-menu="false" id="dddd" name="dddd" data-theme="c"  onChange="" style="display:none">  
    <option value="1">An optinos</option> 
    </select> 
</div> 

ui-screen-hidden es una regla de estilo definida jQuery Mobile (en jquery.mobile..css) para ocultar un elemento.