jquery slideIn Element funktioniert nicht

-1

Ich kann nicht scheinen, die jQuery Folie in der Methode zu arbeiten.jquery slideIn Element funktioniert nicht

Bitte sehen Sie sich meinen Code unten an. Die anderen jquery-Methoden funktionieren gut.

HTML:

<div id="customers-say"> 
       <h1>WHAT OUR CUSTOMERS SAY...</h1> 

      </div>

JQUERY:

$(document).ready(function(){ 

      $("#customers-say").slideDown("slow"); 

      $("#f1").fadeIn(1000, function(){ 
       $("#f2").fadeIn(1000, function(){ 
        $("#f3").fadeIn(1000, function(){ 
         $("#f4").fadeIn(1000); 
        }) 
       }) 
      }); 


     });

Quelle

2017-08-16 CoderAz

Sie können nicht slidedown Ereignis auf ein Element anwenden, die bereits sichtbar ist es zunächst versteckt werden muss, wird es langsam slidedown sichtbar machen.

In Ihrem Beispiel einfach, diese CSS zu Ihrem Element, ich danke Ihnen sehr Zaigham

#customers-say { 
      background: #de9a44; 
      margin: 3px; 
      display: none; 
      float: left; 
     }

Quelle

2017-08-16 18:06:06

ahh bewerben! Ich bin neu in der Webentwicklung und Jquery, also mache ich dumme Fehler wie diese, aber ich lerne definitiv von ihnen. – CoderAz

Sie sind willkommen .. können Sie auch meine Antwort abstimmen –

Die HTML vor der Animation angezeigt wird. Ich habe einen Inline-Stil hinzugefügt, um alle Elemente von Anfang an auszublenden.

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 

      $("#customers-say").slideDown("slow"); 

      $("#f1").fadeIn(1000, function(){ 
       $("#f2").fadeIn(1000, function(){ 
        $("#f3").fadeIn(1000, function(){ 
         $("#f4").fadeIn(1000); 
        }) 
       }) 
      }); 


     }); 
</script> 
</head> 
<body> 

<div style="display:none;" id="customers-say"> 
       <h1>WHAT OUR CUSTOMERS SAY...</h1> 

      </div> 

      <h2 style="display:none;" id="f1">A. Dylan</h2> 
      <h2 style="display:none;" id="f2">B. Dylan</h2> 
      <h2 style="display:none;" id="f3">C. Dylan</h2> 
      <h2 style="display:none;" id="f4">D. because I spit hot fire</h2> 
</body> 
</html>

Quelle

2017-08-16 18:05:33 mfortes

jquery slideIn Element funktioniert nicht

Antwort

Verwandte Themen