[jQuery] Problem with creating dynamic html...
Hello everyone.
I have a problem with jQuery.
This is (by default) in HTML file:
<input type="hidden" id="brojacgrupa" value="1" />
<div id="grupe">
<div id="grupa1" class="grupa">
<input type = "hidden" id="grupa1" value="1"/>
<div class="dodatni-sastojci"><span class="naslov-
pos">Kolicina</span> <span class="kolicina-pos">Naslov</span></div>
<div id="grupa-sadrzaj">
<div id="grupa-list">
<div>
<div class="dodani-sastojci"><input
name="vrijednosti[][1][kol]" type="text" title="Količina npr. 100ml,
10 kom i sl." /> </div>
<div class="dodani-sastojci"><input
name="vrijednosti[][1][naziv]" type="text" title="Primjer: U polje
količina unesete 10 kom, a u naslov jaja." /></div>
<div class="dodani-clear"></div>
</div>
</div>
<span class="novisastojak">Dodaj sastojak</
span></div>
</div>
</div>
And when i click on div with id "novagrupa" i do this:
$("#novagrupa").click(function(){
// Hidden var
var x = parseInt(document.getElementById('brojacgrupa').value);
x++;
document.getElementById('brojacgrupa').value = x;
// U koji div dodaje
$('#grupanovi').append('<div id="grupe"><div
id="grupa'+document.getElementById('brojacgrupa').value+'"
class="grupa"><input type = "hidden" id="grupa'+document.getElementById
('brojacgrupa').value+'" value="'+document.getElementById
('brojacgrupa').value+'"/><div class="dodatni-sastojci"><span
class="naslov-pos">Kolicina</span> <span class="kolicina-pos">Naslov</
span></div><div id="grupa-sadrzaj"><div id="grupa-list"><div><div
class="dodani-sastojci"><input name="vrijednosti[][1][kol]"
type="text" title="Količina npr. 100ml, 10 kom i sl." /> </div><div
class="dodani-sastojci"><input name="vrijednosti[][1][naziv]"
type="text" title="Primjer: U polje količina unesete 10 kom, a u
naslov jaja." /></div><div class="dodani-clear"></div></div></
div><span class="novisastojak">Dodaj sastojak</span></div></div></
div>');
});
And it is ok, but when i click on div with class "novisastojak" there
is a problem:
$(".novisastojak").click(function(){
alert('testiram');
});
It works only on first code (created by default) and doesn't work on
others, (created dynamical)