[jQuery] jqTransform auf neues Inputfeld anwenden

[Dustin84]

Hallo,

für meine Formulare benutze ich das jQuery Plugin jqTransform (Für schönere Formelemente).

Ich habe im Formular die Möglichkeit ein weiteres Feld hinzuzugügen:

	$('a#add').click(function() {
		$('<div class="rowElem"><label for="leer">leer</label><input size="40" type="text" id="leer" name="leer" /></div>').appendTo('form .addcontainer'); 
	});

Das adden klappt aber es ist ein standard Inputfeld. Es muss also nochmal die jQuery Funktion jqTransform() aufgerufen werden, um das Inputfeld zu stylen.

Wie mache ich das?

Hier nochmal mein komplettes Script:

<script type="text/javascript">
$(function() {
	// ADD ELEMENT
	$('a#add').click(function() {
		$('<div class="rowElem"><label for="leer">leer</label><input size="40" type="text" id="leer" name="leer" /></div>').appendTo('form .addcontainer'); 
	}); 
	// find all form with class jqtransform and apply the plugin
	$("form.jqtransform").jqTransform();
});
</script>

Gruß
D.

 

[CPoly]

Du kannst direkt die Methode speziell für Textfelder aufrufen.

$('<div class="rowElem"><label for="leer">leer</label><input size="40" type="text" id="leer" name="leer" /></div>')
    .appendTo('form .addcontainer')
    .find('input')
    .jqTransInputText();

 

[Dustin84]

dank danke! Läuft A1!