icon - jquery mobile list divider
jquery icono de datos móviles (3)
Realmente debería usar los selectores de JQM para eso, jqmData () como se especifica en la documentación .
p.ej
$(''.className'').each(function(){
if ($(this).text() == tempLoc){
console.log(''FOUND MATCH WITH tempLoc and '' + tempLoc);
$(this).jqmData(''icon'',''alert'');
$(this).jqmData(''theme'',''e'');
}
});
Espero que esto ayude a resolver tu problema
Hola, tengo dificultades para cambiar dinámicamente algunos atributos en jquery mobile por alguna razón. Puedo ver que los atributos se cambian en el marcado cuando llamo a los métodos respectivos que estoy usando, pero la apariencia de los elementos no cambia. ¿Hay una necesidad de reiniciar una lista, etc. en Jquery Mobile?
Por cierto, aquí hay un código para mostrarle cómo estoy configurando los atributos:
$(''.className'').each(function(){
if ($(this).text() == tempLoc){
console.log(''FOUND MATCH WITH tempLoc and '' + $(this).text());
$(this).attr(''data-icon'',''alert'');
$(this).attr(''data-theme'',''e'');
}
});
Como dije, esto está funcionando en código, pero los elementos no se actualizan ni cambian de apariencia. ¿Algunas ideas?
ACTUALIZACIÓN: he encontrado una manera de actualizar el ícono de datos, pero por supuesto sigue siendo desordenado e innecesariamente. Puede acceder al ícono de datos usando el siguiente método:
$(this).children(''div.ui-btn-inner'').children(''span.ui-icon'').removeClass(''ui-icon-arrow-r'');
$(this).children(''div.ui-btn-inner'').children(''span.ui-icon'').addClass(''ui-icon-alert'');
En ese caso, $ (esto) se refiere al botón en sí y el ícono en sí se encuentra en su extensión de ui-btn-inner child. ui-icon-arrow-r resultará. Sustituye las clases que estés utilizando en este caso. Si alguien sabe de una manera de actualizar los botones correctamente, lo agradecería.
$("#myButtonName").buttonMarkup({ icon: "star" });
Esto lo cambiará sobre la marcha. Aquí está mi código:
$(".menu-button").toggle(
function()
{
$(this).buttonMarkup({ icon: "star" });
$(".navigation-menu-container").show();
},
function()
{
$(".navigation-menu-container").hide();
}
);
Ver documentos aquí:
http://jquerymobile.com/test/docs/buttons/buttons-options.html
Relacionado:
Ejemplo en vivo:
- http://jsfiddle.net/phillpafford/8pwFK/29/ (El color y los iconos cambian cuando haces clic en ellos)
Enlace a la pregunta que está relacionada: