Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jquery slide Toggle nie działa
slawekxx
post
Post #1





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

Ostrzeżenie: (0%)
-----


Witam,

Mam pewiem problem z slide Toggle , a mianowicie nie działa poprawnie przy wczytywaniu pliku przez load

w pliku index.php mam taki kod
  1. <script>function loading_hide(){
  2. $('#loading').fadeOut('fast');
  3. }
  4. function loadData(page){
  5. //loading_show();
  6. $.ajax
  7. ({
  8. type: "POST",
  9. url: "load_data.php",
  10. data: "page="+page,
  11. success: function(msg)
  12. {
  13.  
  14. $("#container").ajaxComplete(function(event, request, settings)
  15. {
  16.  
  17. loading_hide();
  18. $("#container").html(msg);
  19.  
  20. });
  21. }
  22. });
  23. }</script>


gdzie plik load_data.php

to
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  5. </script>
  6. <script>
  7. $(document).ready(function(){
  8. $("#flip").click(function(){
  9. $("#panel").slideToggle("slow");
  10. });
  11. });
  12. </script>
  13.  
  14. <style type="text/css">
  15. #panel,#flip
  16. {
  17. padding:5px;
  18. text-align:center;
  19. background-color:#e5eecc;
  20. border:solid 1px #c3c3c3;
  21. }
  22. #panel
  23. {
  24. padding:50px;
  25. display:none;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30.  
  31. <div id="flip">Click to slide the panel down or up</div>
  32. <div id="panel">Hello world!</div>
  33.  
  34. </body>
  35. </html>


od razu po załadowaniu tego pliku div panel jest wysunięty, a prawidłowo winień być ukryty co jest nie tak ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


Cytat
$("#container").ajaxComplete(function(event, request, settings)


jakiś przestarzały kod masz:
Cytat
As of jQuery 1.8, the .ajaxComplete() method should only be attached to document.

http://api.jquery.com/ajaxcomplete/



--------------------
Go to the top of the page
+Quote Post
slawekxx
post
Post #3





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

Ostrzeżenie: (0%)
-----


z takiego linku http://palavas.biz/forum/viewtopic.php?p=6750#.UxLg4uN5Oe8

Ten post edytował slawekxx 2.03.2014, 08:47:45
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #4





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


Dlatego nie warto brać skryptów niewiadomego pochodzenia, bo większość problemów tutaj wynika z tego, że ludzie coś znaleźli w google. Myśleli, że będzie szybciej wziąć gotowca, a efekt jest o 180 stopni odwrotny. Przez ile czasu byś coś takiego napisał? 15 minut? Pół godziny? Przecież to parę funkcji w jQuery odpalić...

Nie wiem dokładnie jaki efekt chcesz osiągnąć, ale spróbowałbym przenieść tego callbacka (funkcję, która ma sie wywoływać), do wywołania $.ajax, tak jak tutaj: http://api.jquery.com/Ajax_Events/


--------------------
Go to the top of the page
+Quote Post
slawekxx
post
Post #5





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

Ostrzeżenie: (0%)
-----


Cały problem to przeładowanie ,sprawdzałem już tą metodą , o której przed chwilą pisałaś owszem działa ale nie z pagninacją
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 01:37