Hej
Mam pewien problem, tym razem z jquery, nie animuje mi efektu jednego elementu, nagle się pojawia
http://dukov.pl/testphpChodzi mi o div o id 1, ten w którym jest zdjęcie piasku oraz opis. Wszystkie animacje działają, tylko ta nie, kombinuje już od 2 godzin, a nie wiem czemu tak się dzieje. W DOM zauwazyłem tylko, że jquery dodaje tylko styl display: block; Nie mam pojęcia dlaczego nie dodaje reszty.
<!DOCTYPE html>
<link rel="Stylesheet" type="text/css" href="css.css" /> <script type="text/javascript" src="scripts/jquery-3.2.1.js"></script> <script type="text/javascript" src="scripts/jquery-ui.min.js"></script> <script type="text/javascript"> function wait(){
$("#first").show("slide",1000);
setTimeout(wait2,1100)
function wait2() {
$("#second").show("slide",1000);
setTimeout(wait3,1100);
function wait3(){
$("#third").show("slide",1000);
setTimeout(wait4,1100);
function wait4(){
$("#fourth").show("slide",1000);
setTimeout(wait5,1100);
function wait5(){
$("#fifth").show("slide",1000);
setTimeout(wait6,1100);
function wait6(){
$("#h3head_port").show("slide",1000);
setTimeout(wait7,1100);
function wait7(){
/*var i;
var checkIDs = (function() {
var classes = document.getElementsByClassName('container_');
var quandivs = classes.length;
return quandivs;
}());
var divstab = new Array(checkIDs);
for (i = 1; i <= checkIDs; i++)
{
divstab[i] = "#"+i;
*/
$("#1").show("blind", 1500); <-----------o tutaj jest problem
//}
}
}
}
}
}
}
}
$( document ).ready(function() {
$( "#top" ).show( "fold", 1000 );
setTimeout(wait0, 1100);
function wait0(){
$("#h3head").show("slide",1000);
setTimeout(wait,1100);
}
});
<div id="top" class="row"> <div id="title" class="container_50"> <h1> test test test test
</h1> <nav id="nav">
</nav>
<content>
<div id="about" class="container"> <div id="abouthead" class="header"><h3 id="h3head">O mnie
</h3></div> <div id="paragrpahs" class="aboutcontent"> <p class="justify"><span id="first" > TestTestTestTestTestTestTestTestTestTestTestTestTestTest.
</span> <span id="second">TestTestTestTestTestTestTestTestTestTestTestTestTestTest.
</span> <span id="third">TestTestTestTestTestTestTestTestTestTestTestTestTestTest
</span> <span id="fourth">TestTestTestTestTestTestTestTestTestTestTestTestTestTest.
</span> <span id="fifth">TestTestTestTestTestTestTestTestTestTestTestTestTestTest
</span> <div id="secportfolio" class="container"> <div id="aboutport" class="header"><h3 id="h3head_port">Moje
</h3></div> <div id="portfolio" class="portfolio"> <?php
include "pages.php";
?>
<div id="form" class="container"> <div id="formhead" class="header"><h3>Kontakt
</h3></div> <div id="formcont" class="formcont"></div> </content>
Próbowałem już wielu różnych efektów, w końcu wykomentowałem tę pętle, wyjaśnię od razu, że elementów będzie więcej, tyle ile dodam do bazy. Stąd pętla zliczająca ilość elementów, a jako id do skryptu w jquery był początkowo #(tab[i]) ale efekt był taki sam jak teraz.
[JavaScript]Efekt show w jquery
5.06.2017, 11:54:21
