¿Hay alguna forma de desactivar los iconos en jquery? Por ejemplo, estoy usando ui-icon-circle-triangle-w y ui-icon-circle-triangle-e para "prev/next" y me gustaría desactivar "prev" cuando esté al principio de la lista y luego cuando esté en el final, etc.¿Cómo se desactivan los iconos de jquery ui
Puede configurar .ui-icon para que no se muestre, lo que también debería ocultar los iconos. Puede o no necesitar la parte "! Importante".
.ui-icon { display: none !important; }
Gracias, pero en realidad quería que los íconos sigan apareciendo pero aparezcan deshabilitados (atenuados). Vea mi respuesta para la solución que se me ocurrió. –
Supongo que esto debería haber sido obvio, pero no estaba en la documentación principal sobre cómo usar los iconos. Simplemente agrega la clase "ui-state-disabled" al elemento. Entonces, por ejemplo, para hacerlo a través de javascript, puede hacer:
$ (''). AddClass ('ui-state-disabled');
Esto es viejo, pero me encontré con el día de hoy así que pensé que lo limpiaría. .addClass ('ui-state-disabled') aplicará el CSS para darle esa apariencia deshabilitada. Pero si tienes eventos vinculados al ícono, se disparará. También debe asegurarse de que su js sepa cuándo está desactivado. Tal vez usando if hasClass ('ui-state-disabled'). Pero solo al agregar la clase css no se "desactiva" el ícono.
Si desea mantener la diagonal "se" asa sin el icono de los mejores es:
.ui-icon { background-image:none !important; }
Puede añadir CSS opacity:0.7 en su elemento. Creo que esto es útil no solo para el texto, sino también para el icono u otro elemento de tu elemento.
me escribió una DEMO
El componente clave es:
.disable{
opacity:0.7;
}
... y esto DEMO con el icono
Esta respuesta fue señalada por el sistema como "verificación de baja calidad". Puedo ver que en realidad es una respuesta, pero probablemente sea más útil si le das un poco más de contexto, por ejemplo, mostrando la sintaxis de cómo agregar eso. La gramática correcta también puede guardar su pregunta de los revisores que la marcan apresuradamente como "baja calidad - eliminar". Reparé la gramática, pero solo tú puedes agregar el contexto necesario. – GreenAsJade
@GreenAsJade enmendé mi respuesta. – Jesse
¡Agradable! Me tomé la libertad de elaborar un poco, porque otra cosa que desencadena alertas son las respuestas que dependen únicamente de los enlaces :) Espero que no te importe mi intervención. ¡Gracias por contribuir! – GreenAsJade
no se puede deshabilitar ellos porque no son elementos 'html' así que la mejor manera es usar el método 'unbind()' como: $ ('# icon-plus-sign'). desvincular ('clic');
¿Alguna de las respuestas funcionó para usted? Tal vez aceptar el uno? – Nenotlep