Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [inne][jQuery] fadeIn nie działa
Dominator
post
Post #1





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


Zajmuję się prostymi skryptami jQuery, mam pytanie - czemu fadeIn w skrypcie poniżej nie działa ?

  1. $("z").click(function(){
  2. $("div#p").fadeIn("2000", function() {
  3. $.get("class.p.function.php", function(result){
  4. $("div#p").show(2000).html(result);
  5. });
  6. });
  7. });
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




1) A masz w kodzie tag Z? W życiu nie widziałem takiego taga html
2) A masz w kodzie DIVa o ID=P ?
Go to the top of the page
+Quote Post
Dominator
post
Post #3





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


Cytat(nospor @ 2.02.2012, 16:42:32 ) *
1) A masz w kodzie tag Z? W życiu nie widziałem takiego taga html
2) A masz w kodzie DIVa o ID=P ?


1) Zrobiłem własny tag "Z"
2) Tak
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




To pokaz caly kod html, oraz całośc gdzie odpalasz ten kod js co tu nam pokazales
Go to the top of the page
+Quote Post
Dominator
post
Post #5





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


  1. <html>
  2.  
  3. <head>
  4.  
  5. <style>
  6.  
  7. z { color:white; cursor:pointer; font: Comic Sans MS; font-size: 30px; }
  8.  
  9. body { background: deepskyblue; text-align: center; }
  10.  
  11. #p { font-size:75px;; cursor:pointer; color:white; }
  12.  
  13. </style>
  14.  
  15. <script src="http://code.jquery.com/jquery-latest.js"></script>
  16.  
  17. </head>
  18.  
  19. <body>
  20.  
  21. <z>Wywolaj</z>
  22.  
  23. <div id="p"></div>
  24.  
  25.  
  26. <script>
  27.  
  28. $("z").click(function(){
  29. $("div#p").fadeIn("2000", function() {
  30. $.get("class.p.function.php", function(result){
  31. $("z").val("Wywołano, jeszcze raz ?")
  32. $("div#p").show(2000).html(result);
  33. });
  34. });
  35. });
  36.  
  37. </script>
  38.  
  39.  
  40.  
  41. </body>
  42.  
  43. </html>
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Kod
$("z").click(function(){
alert(2);
});

Wyświetla się alert po kliknieciu na Z ?

Powód edycji: [nospor]:
Go to the top of the page
+Quote Post
Dominator
post
Post #7





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


Tak
Go to the top of the page
+Quote Post
nospor
post
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Kod
$("z").click(function(){
alert(1);    
$("div#p").fadeIn("2000", function() {
alert(2);        
$.get("class.p.function.php", function(result){
alert(3);
            $("z").val("Wywołano, jeszcze raz ?")
            $("div#p").show(2000).html(result);
        });
    });
});
Go to the top of the page
+Quote Post
Dominator
post
Post #9





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


Wszystkie 3 alerty są, lecz efektu fadeIn nie ma (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
nospor
post
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




No bo na początku div#p jest pusty i go pewnie nie widać, wiec trudno by się fadeowal (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Dominator
post
Post #11





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


No to gdy daję <div id="p">coś</div> to nadal fadeIn nie ma ...

Naprawiłem to ^^ na początku dałem fadeOut, a później fadeIn (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 25.08.2025 - 16:28