Używam JQTransform do stylu wszystkich elementów formularza. Czy możliwe jest wyłączenie stylizacji na konkretnym elemencie, pozostawiając wszystkie inne stylizowane przez JQTransform?JQTransform - wyklucza element ze stylizacji?
Dodałem if($input.hasClass('ignore') == true) { return; } do linii 99 wtyczki, aby zignorować pola tekstowe class = ignore. Może to ci pomoże.
Potwierdzam, że rozwiązanie mattbee zadziałało dla mnie w odpowiedzi od członka wysyłającego pytanie. Zgodnie z instrukcją, że wklejony kod na linii 99, powyżej następującej linii:
if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}
każdemu, że nie jest oczywiste, wklej kod POWYŻEJ linii 99 zamiast WYMIANA linii 99 w następujący sposób :
/*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;}
nie widzę opcji skomentowania odpowiedzi mattbee, tak ja go składać w formie odpowiedzi.
EDYCJA: Powyższy kod spowoduje, że jqTransform będzie pomijać/wykluczać/ignorować/unikać elementów wejściowych. W moim przypadku użyłem go do wykluczenia type = "text" i type = "image". Jednak zastosowanie klasy .ignore do mojego elementu textarea rzeczywiście wykluczyło niepożądaną transformację, ale z jakiegoś powodu dodatkowo wykluczyło transformację wybranych elementów. Należy pamiętać, że edycję pliku jquery.jqtransfrom.js dla obszaru tekstowego wprowadzono w funkcji textarea rozpoczynającej się od wiersza 201 oryginalnego dokumentu nieedytowanego, a nie funkcji pól tekstowych rozpoczynających się od wiersza 95 w powyższym bloku kodu.
Oto przykład tego, co starałem (umieszczone POWYŻEJ linia 207):
if($textarea.hasClass('ignore') == true) { return; }
powtórzyć, to działało, ale również wykluczone transformację moich wybranych polach, które nie było moim zamiarem.
Po poszukiwania rozwiązań natknąłem poniższym poście: http://www.deliciouscoding.com/post.cfm?entry=use-jqtransform-and-tinymce-together
Zasadniczo, tabela jqTransform tworzy zastąpić elementy textarea zastępuje textarea lub prościej mówiąc, to cofa transformację:
<!--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>
dla tych nowych do jQuery, powyższy kod ma być umieszczony w głowicy z dokumentu (czyli pomiędzy <head> i </head>).
Albo można po prostu dodać jqtranformdone klasy do wejścia :)
istnieje nowa biblioteka Utworzyłem - csTransPie - opierając go na jqtransform - jqtransform jest wielka biblioteka, ale to naprawdę ma wiele problemów, dzisiaj CSS3 rozwiązuje wiele z tych problemów i lubię pomysł kontroli normalne kontrole i patrząc tak samo w każdej przeglądarce
https://github.com/pkoretic/csTransPie
to jest w toku, ale nawet teraz jest to lepsze niż jqtransform (więcej niż połowa kod ponownie napisane, wiele błędów rozwiązanych, czyste css ...), musisz to przyznać ...
Po prostu użyj.Klasa transpie na elemencie, który chcesz!
Wiem, że to bardzo stary temat, ale muszę powiedzieć, że jest on bardziej odpowiedni, jeśli dodasz dodatkowe klasy do swojej normalnej formy i nie zostanie ono przekształcone. Dla tekstów wejściowych i textarea dodaj klasę "jqtranformdone", która zostanie zwrócona bez transformacji. W przypadku pól wyboru przyciski opcji i wybory korzystają z klasy "jqTransformHidden".
Oto moja wersja (wersja 1.1 6/08/09), aby pominąć wejścia: Edytuj w jquery.jqtransform.js w linii 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()
Użyj klasę jqtransformdone. Jest wbudowany w wtyczkę.
działa, ale musi być napisane z kapitałem "T": 'jqTransformdone' – Rocco
Możesz po prostu dodać klasę "jqtransformdone" do elementu, chcesz pominąć stylizację. Mam nadzieję, że pomoże to komuś innemu.
Zostało to już wspomniane w niektórych innych odpowiedziach. Sprawdź, czy odpowiedź, którą chcesz przekazać, nie jest jeszcze dostępna przed odpowiedzią. – Ren
Dzięki Mattbee. Genialny dodatek! :) – iltdev