jQuery Mobile: anule explícitamente el redondeo de todas las esquinas: jquery, jquery-mobile, round-corners

jQuery Mobile redondea automáticamente todas las esquinas de los elementos de entrada, agregando una clase ui-corner-all. Noté que si cambio esta clase manualmente a ui-corner-left en el inspector de Chrome, entonces obtengo correctamente solamente esquinas redondeadas a la izquierda (arriba y abajo). Por supuesto, esto podría hacerse fácilmente con una línea de jQuery, como

$("#myid").removeClass("ui-corner-all").addClass("ui-corner-left");

Mi pregunta es, ¿hay alguna forma de instruir a jQuery Mobile para que aplique esta clase de inmediato, sin tener que ejecutar este bit extra de código después de que JQM lo haya hecho?

Respuestas

0 para la respuesta № 1

Básicamente se puede aplicar lo siguiente, pero su preocupación es ejecutar sin ejecución de código adicional, veamos si tenemos la oportunidad de obtenerlo, incluso estoy buscando la misma pregunta, pero la siguiente es mi solución.

$("div").live("pageshow",function(event){
$("#myid").removeClass("ui-corner-all").addClass("ui-corner-left");
});

---

0 para la respuesta № 2

Puede anular el valor predeterminado especificando en su archivo index.html la clase móvil jquery que desea. Un buen ejemplo sería, en lugar de:

<ul id="myid" data-inset="true" data-theme="a" data-role="listview"  class="ui-listview ui-listview-inset ui-shadow">

que insertaría esto automáticamente

class ui-corner-all

luego agregarías tu propia clase:

<ul id="myid" data-inset="true" data-theme="a" data-role="listview"  class="ui-listview ui-corner-left ui-listview-inset ui-shadow">

En firefox, la clase ui-corner-all no obtieneagregado automáticamente para mí, tal vez esté utilizando una versión anterior de jquery mobile y necesite actualizar. Si desea hacerlo dinámicamente en un archivo javascript:

$("#my_page_id").live("pagecreate",function(){
var ul = $("<ul id="myid" data-inset="true" data-theme="a" data-role="listview"  class="ui-listview ui-listview-inset ui-corner-left ui-shadow">");
ul.append($("<li class="ui-li ui-li-static  ui-body-a ui-corner-left">").append("Code Slayer!!!"));
$("mydiv_in_mypage").html(ul);

});

como en reescribir el contenido del div nuevamente, borrando automáticamente el contenido anterior. Si va a mostrar mucha información en su lista, es posible que desee utilizar el

$.mobile.showPageLoadingMsg("a","Page Loading", true);

y luego oculte el mensaje cuando su página se haya mostrado completamente.

---

0 para la respuesta № 3

oye, simplemente puedes hacer así

  <a  href="#panel"  data-corners="false"></a>

---