Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js][jquery] funkcja load,ajax
Forum PHP.pl > Forum > XML, AJAX > AJAX
adas007
Witam,
Wykorzystując funkcję load biblioteki jquery wykonuję skrypt php w którym tworzona jest pewna lista. Pobrana lista jest "wstrzykiwana" do diva. Div z listą jest wyświetlony w przeglądarce do tego momentu jest ok.
Jednak chciałbym wykonać zdarzenie click na pobranej liście, nie mogę sobie z tym poradzić.

Zamieszczam część kodu:
Do diva od id="RdfsNames" po kliknieciu na buton refreshList 'wstrzykiwana' jest lista tworzona w skrypcie sqlLoad.php :
  1. <?php
  2. //Strona  index.php
  3. ...
  4. $('#refreshList').click(loadRdfsList);
  5.  
  6.  
  7. function loadRdfsList()
  8. {
  9.  
  10.  $('#RdfsNames').load("sqlLoad.php #RdfsList");
  11. }
  12. </script>
  13.  
  14. <html>
  15. <input type='button' id='refreshList' value='odśwież'>
  16. <div id='RdfsNames'></div>
  17. </html>
  18. ?>


Część skryptu sqlLoad.php w którym tworzona jest lista:

  1. <?php
  2. //strona sqlLoad.php
  3. foreach ($schematy as $row)
  4.    {
  5.        $list=$list."<li>". $row['rdfs_name']."</li>";
  6.    }
  7.    $dbh = null;
  8.    
  9.    
  10.    echo "<ul id='RdfsList'>". $list."</ul>";
  11. ?>


To działa tzn. na stronie po kliknięciu przycisku refreshList pojawia się pobrana ze skryptu lista. Jednak teraz chciałbym na tej liście wstrzykniętej do diva wykonać zdarzenie click.
Próbuje w ten sposób:

  1. <?php
  2. $('#RdfsNames li  ').click(function()
  3. {
  4. alert('haha');
  5. }
  6. );
  7. ?>


Jednak komunikat sie nie pokazuje. Czy funkcja load nie dodala listy do drzewa DOM? Jak dostać się do elementów wstrzykniętych do diva za pomocą funkcji load przy użyciu selektora $() ?
adas007
Dzięki funkcja live o której pisałeś w tamtym poście załatwiła sprawę. Tak to teraz wygląda:

  1. <?php
  2. $('#RdfsNames li ').live("click",function()
  3. {
  4.  
  5.  
  6. var tescik = $(this).text();
  7. alert(tescik);
  8. }
  9. );
  10. ?>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.