Estoy usando JQTransform para aplicar estilo a todos los elementos del formulario. ¿Es posible deshabilitar el estilo en un elemento específico, dejando todos los demás diseñados por JQTransform?JQTransform - ¿Excluye un elemento del estilo?
He añadido if($input.hasClass('ignore') == true) { return; } a la línea 99 del complemento para ignorar cualquier campo de texto con class = ignore. Quizás esto te ayude.
Confirmo que la solución de mattbee me ha funcionado en el momento en que el miembro ha enviado una respuesta. Siguiendo las instrucciones, me pega el código en la línea 99, por encima de la línea siguiente:
if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}
Para cualquier persona que no es obvio para, pegar el código ARRIBA línea 99 en lugar de SUSTITUCIÓN la línea 99 de la siguiente manera :
/*Custom code: Regarding class for elements exceptional to transformation.*/
/*Custom code: http://stackoverflow.com/questions/3727517/jqtransform-exclude-an-element-from-styling*/
if($input.hasClass('ignore') == true) { return; }
if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}
no vi una opción para hacer comentarios sobre la respuesta de mattbee por lo que he presentado en forma de una respuesta.
EDITAR: El código anterior pedirá jqTransform para omitir/excluir/ignorar/evitar elementos de entrada. En mi caso, lo utilicé para excluir type = "text" y type = "image". Sin embargo, al aplicar la clase .ignore a mi elemento textarea de hecho excluí la transformación no deseada, pero por alguna razón excluí la transformación de mis elementos seleccionados. Tenga en cuenta que la edición de jquery.jqtransfrom.js para el área de texto se realizó dentro de la función textarea comenzando en la línea 201 del documento original sin editar en lugar de la función para los campos de texto que comienzan en la línea 95 en el bloque de código anterior.
He aquí un ejemplo de lo que intenté (colocado ARRIBA línea 207):
if($textarea.hasClass('ignore') == true) { return; }
Reiterar, funcionó sino también excluyó la transformación de mis cuadros de selección que no era mi intención.
Después de buscar soluciones me encontré con la siguiente entrada en el blog: http://www.deliciouscoding.com/post.cfm?entry=use-jqtransform-and-tinymce-together
Esencialmente, la tabla que jqTransform crea para reemplazar los elementos de área de texto se sustituye por un área de texto o más simplemente, se deshace la transformación:
<!--Undo textarea transformation.-->
<!--Source: http://www.deliciouscoding.com/post.cfm?entry=use-jqtransform-and-tinymce-together.-->
<script language="javascript">
jQuery(function(){
jQuery("form.transform table").replaceWith('<textarea></textarea>');
});
</script>
Para los nuevos en jQuery, el código anterior se debe colocar con el encabezado de su documento (es decir, entre <head> y </head>).
O simplemente puede añadir jqtranformdone clase a su entrada :)
no es nueva biblioteca que he creado - csTransPie - basándola en jqtransform - jqtransform es una gran biblioteca, pero en realidad tiene muchos problemas, hoy CSS3 resuelve muchos de los problemas y me gusta la idea de los controles estar controles normales y buscando el mismo en todos los navegadores
https://github.com/pkoretic/csTransPie
es un trabajo en progreso, pero incluso ahora es mejor que jqtransform (más de la mitad de el código re escrito, muchos errores resueltos, clean css ...), debe admitirlo ...
Solo tiene que utilizar.transpie clase en el elemento que desea!
Sé que este es un tema muy antiguo, pero debo decir que es más adecuado si agrega una clase extra a su forma normal y no se transformará. Para textos de entrada y área de texto agregue la clase 'jqtranformdone' y se devolverá sin transformación. Para las casillas de verificación, los botones de opción y las selecciones usan la clase 'jqTransformHidden'.
Aquí mi versión (versión 1.1 06.08.09) para saltar entradas: editar esto en jquery.jqtransform.js en la línea 497
$('input:submit:not(.hidden), input:reset:not(.hidden), input[type="button"]:not(.hidden)', this).jqTransInputButton();
$('input:text:not(.hidden), input:password:not(.hidden), input[type="email"]:not(.hidden)', this).jqTransInputText();
$('input:checkbox:not(.hidden)', this).jqTransCheckBox();
$('input:radio:not(.hidden)', this).jqTransRadio();
$('textarea:not(.hidden)', this).jqTransTextarea();
$('select:not(.hidden)', this).jqTransSelect()
Utilice la clase jqtransformdone. Está integrado en el plugin.
funciona, pero tiene que escribirse con una "T" mayúscula: 'jqTransformdone' – Rocco
Simplemente puede agregar la clase "jqtransformdone" al elemento, desea omitir el estilo. Espero que ayude a alguien más.
Esto ya se ha mencionado en algunas de las otras respuestas. Verifique que la respuesta que desea proporcionar no esté presente antes de responder. – Ren
Gracias Mattbee. ¡Una adición brillante! :) – iltdev