jQuery DOM elementen

Ja, je begrijpt het inderdaad goed. Het commando $(...).focusin() wordt uitgevoerd in het begin; enkel de elementen die dan bestaan, worden actief.

En ja, daar bestaat een simpele oplossing voor. met on() en off()

Dus, stel: je steekt die nieuwe <select> in <div id="container"></div>

Dan doe je dit:

$('#container').on('focusin', 'select', function() {
  $(this).addClass("selected");
});

Dat maakt dat jQuery het event bindt aan de container, en telkens dynamisch gaat zien welke elementen er op dat moment aanwezig zijn.

Moet ik mijn huidige event handler vervangen worden door de on() ?
Of moet ik deze naast mekaar gebruiken. En maakt het nog uit of ik dit in een extern .js bestand zet of dat ik het in mijn html zet?

Jeffrey Arts op 21/08/2013 15:56:05

Moet ik mijn huidige event handler vervangen worden door de on() ?

Ja, best vervangen.

Jeffrey Arts op 21/08/2013 15:56:05

En maakt het nog uit of ik dit in een extern .js bestand zet

Zoveel zal dat niet uitmaken, denk ik. (iemand hier een andere mening over?)
Het lijkt me wel properder om het in een bestand te steken, eens alles getest is, alles werkt en de site online is.

Krijg het nog niet voor mekaar met je hulp, ik heb de event handler erin gezet. Correct neem ik aan, aangezien het werkt voordat mijn input vervangen wordt. Na het vervangen van de input werkt het echter niet meer.

Het input veld wordt op de volgende manier aangepast.

$.post($what, { ajax:  [$data]}  , function($rslt) {
	if ($rslt) {
		$(".result_frame").html($rslt);
		var $categories = $(".move_to_categories").html();
		$(".move_to_categories").remove();
		$("select[name='categories']").parent().html($categories);
	}
});

Dit haalt een pagina op, op basis van de geposte gegevens. De class 'move_to_categories' is een span met hierin de selectbox. Deze html code wordt vervolgens opgeslagen in een variabele en daarna verwijderd (om te voorkomen dat de input er dubbel op staat). Daarna wordt deze op de plek gezet waar eerst de selectbox stond "select[name='categories']"

Waarde $categories is ongeveer:

<select class="breed" name="categories">
 <option value="10">Alfred</option>
 <option value="32">Jodokus</option>
 <option value="234">Willem</option>
 <option value="874">Kwak</option>
</select>

Er kan geen fout inzitten mbt de attributen van 'select' aangezien deze in beide gevallen via dezelfde php functie gegenereerd worden.