Praxistip – jqTransform und display:none
Wenn jemand schon einmal versucht hat ein, mit jqTransform umgewandeltes Formularfeld, in einem auf display:none gesetzten HTML-Element anzuzeigen, dürfte er auf Probleme gestossen sein.
Das lässt sich mit einem kleinen Workaround, ohne in das Original js ändern zu müssen, leicht beheben.
Zuerst die display Eigenschaft wieder sichtbar setzen
1 2 3 4 5 6 | <form action="some.php" id="myForm" method="post">
<div style="display:block" id="status">
<input type="text" value="content" />
</div>
</form>
</div> |
Wäre die CSS-Eigenschaft display auf none gesetzt, würde das eingebaute jqTransform zur fehlenhaften Anzeige führen. Um dieses Element jetzt trotzdem nicht anzuzeigen kann man einfach folgendes Codestück im “document ready” Event von jQuery einbauen
1 2 3 4 5 6 | <script type="text/javascript"> jQuery(document).ready(function($) { //some code... jQuery('#status').hide('fast'); }); |
Das Prinzip lässt sich mit entsprechenden jQuery Selektoren natürlich auch auf mehrere Elemente übertragen.
