Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][PHP]Menu i podmenu w AJAX
Forum PHP.pl > Forum > Przedszkole
cent4
Mam taki problem, że na stronie załadowanej AJAX'em nie działa mi podmenu, które też ma załadować zawartość AJAX'em. Moje menu:
  1. <a class="hoverBtn" value="load()" id="load_home" style="cursor:pointer">HOME</a>
  2. <a class="hoverBtn" value="load()" id="load_regulamin" style="cursor:pointer">REGULAMIN</a>
  3. ...
  4. <script type="text/javascript">
  5. $.ajaxSetup ({
  6. cache: false
  7. });
  8. var ajax_load = "<img class='loading' src='images/load.gif' alt='loading...' />";
  9.  
  10. $("#load_home").click(function(){
  11. $("#SRODEK").html(ajax_load).load("ajax/home.php");
  12. });
  13.  
  14.  
  15. $("#load_regulamin").click(function(){
  16. $("#SRODEK").html(ajax_load).load("ajax/regulamin.php");
  17. });
  18.  
  19.  
  20. $("#load_dom").click(function(){
  21. $("#SRODEK")
  22. .html(ajax_load)
  23. .load(loadUrl + " #picture");
  24. });
  25. </script>


Następnie na stronie regulamin - mam znowu menu, którego wybór ładuje mi odpowiednią stronę:
  1. <script type="text/javascript">
  2. $.ajaxSetup ({
  3. cache: false
  4. });
  5. var ajax_load1 = "<img class='loading' src='images/load.gif' alt='loading...' />";
  6.  
  7.  
  8. $("#load_w1").click(function(){
  9. $("#SRODEK").html(ajax_load1).load("ajax/w1.php");
  10. });
  11.  
  12. $("#load_l1").click(function(){
  13. $("#SRODEK").html(ajax_load1).load("ajax/l1.php");
  14. });
  15.  
  16. $("#load_dom").click(function(){
  17. $("#SRODEK")
  18. .html(ajax_load1)
  19. .load(loadUrl + " #picture");
  20. });
  21. </script>

slawek3422
Jeżeli chcesz, żeby na stronach wczytanych Ajaxem dalej działały wywołania Ajaxa to musisz inaczej wczytywać elementy strony :

nie tak :
  1. $("#load_dom").click(function(){


ale tak :
  1. $("#load_dom").live("click", function(){


wtedy to co zostanie tak wczytane będzie Ci obsługiwało wywołania Ajax

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.