JQuery a Radio input

max-m · Napísal **max-m**: 18.10.2011 9:03

Caute,
mam trochu problem s jQuery.

Mam HTML (napr. index.html):

Kód:

...
<div id="content_1"></div>
...

pomocou JQuery (vid. uplne dole) nacitam toto PHP (napr. content_1.php):

Kód:

...
<input type="radio" value="1" name="h1" id="h1_1" /> <label for="h1_1">Niečo 1</label><br />
    <input type="radio" value="2" name="h1" id="h1_2" /> <label for="h1_2">Niečo 2</label><br />
    <input type="radio" value="3" name="h1" id="h1_3" /> <label for="h1_3">Niečo 3</label>
...

a predmetne JQuery, ktore :

Kód:

$(document).ready(function(){  
   
   $("#content_1").load("content_1.php");
  
   $("input:radio[name=h1]").click(function() {
      var hodnota = $(this).val();
      $("#content_1").hide();
   });
   
}); 

nacitanie je v pohode ale po kliknuti na niektory [radio] potrebujem napr. skryt cely #content_1 a podla uvedeneho JS to nefunguje. Sa mi to javi akoby to externe PHP vobec nereagovalo na JS, ktory mam v index.html.

Kde moze byt problem?

DIK.

Ďuri · Napísal **Ďuri**: 18.10.2011 10:53

max-m píše:

Sa mi to javi akoby to externe PHP vobec nereagovalo na JS, ktory mam v index.html.

Preco sa ti to tak javi? Pises, ze load() prebehne spravne, tam cela komunikacia so serverom konci.
Neviem, aky obsah do #content_1 tahas, ale skrytie pomocou hide() tak, ako uvadzas kod, funguje. Takze by to chcelo odkaz na zivu ukazku.

chrono · Napísal **chrono**: 18.10.2011 11:24

Predpokladám, že funkcia load je asynchrónna, takže keď pridáva onclick tým elementom, ešte tam žiadne nie sú. Riešenie by bolo pridať obsluhu click až po úspešnom načítaní, prípadne použiť delegovanie udalostí.

max-m · Napísal autor témy **max-m**: 18.10.2011 11:30

vyriesene:

@chrono

Citácia:

Predpokladám, že funkcia load je asynchrónna, takže keď pridáva onclick tým elementom, ešte tam žiadne nie sú. Riešenie by bolo pridať obsluhu click až po úspešnom načítaní

DIK

JQuery a Radio input

Podobné témy