Jqury kontrola dynamicky vytvorených elementov – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím, automaticky vytváram inputy... po kliknutí na tlačidlo sa zavolá funkcia AddElement:

function addElement() {

    intTextBox++;
    var objNewDiv = document.createElement('tbody');
    objNewDiv.innerHTML = '<tr><td><input type="text" id="nazov" name="nazov"></td></tr>';
    document.getElementById('content').appendChild(objNewDiv);
}

Všetko funguje ako má, problém je ale ten, že keďže sa vytvára dynamicky, tzn. nie je staticky vložený, tak o ňom Jquery funkcia nevie. Ide o nasledovnú autocomplete funkciu:

  $(function() {
    $( "#nazov" ).autocomplete({
		minLength: 2,
		source: 'private/hladaj.php',
	
	select: function(event, ui) {
    document.getElementById("pocet").value = ui.item.pocet;

  }	
    });
	
	
  });

Funkcia bez problémov beží na elemente, ktorý je "natvrdo" staticky zadaný v HTML kóde, nové elementy ale neberie do úvahy.

Čo sa čítal, tak existovala kedy funkcia jquery .live a terza je vymenená za .on, neviem ale ako to použiť v tomto prípade. Keďže chcem aby si Jquery zisťovalo nové položky. A priradilo pre každý nový input s daným ID možnosť autocomplete... Tzn. aby sa vždy dalo vybrať a bolo to jedinečné.

Ďakujem za pomoc.

To $ je funkce. Takže tam máš příkaz

$(parametr);

který se hned provede = spustí se funkce $ a ta spustí tvoji funkci zadanou jako parametr a v tu chvíli ten input ještě neexistuje.

Můžeš s ním pracovat až po jeho vytvoření, takže autocomplete a cokoliv jiného mu nastav potom.

...
document.getElementById('content').appendChild(objNewDiv);
var input = $(objNewDiv).find('#nazov');
input.autocomplete(...);

#2 gna

Ďakujem veľmi pekne, funguje parádne :)