Su CC3 load page nesigauna (neatidaro puslapio)

Sveiki,

pasman problema: kai imetu failus pas save i puslapi: <a class="triggerBar" href="sarasas.php">I sarasa</a> ir man tik pasikraunatas load (paveiksliukas), bet neatidaro to puslapio, kas gali buti? gal ka darasyti reikia?

(O kai isemu class="triggerBar" puikiausiai atidaro)

Rasoma taip:

<style>

ul#loadbar {

list-style:none;

width:140px;

margin:0 auto;

padding-top:50px;

padding-bottom:75px;

}

ul#loadbar li {

float:left;

position:relative;

width:11px;

height:26px;

margin-left:1px;

border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333;

background:#000;

}

ul#loadbar li:first-child { margin-left:0; }

.ins .bar {

background-color:#2187e7;

background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);

background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);

width:11px;

height:26px;

opacity:0;

-webkit-animation:fill .5s linear forwards;

-moz-animation:fill .5s linear forwards;

}

#layerFill1 { -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }

#layerFill2 { -moz-animation-delay:1s; -webkit-animation-delay:1s; }

#layerFill3 { -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }

#layerFill4 { -moz-animation-delay:2s; -webkit-animation-delay:2s; }

#layerFill5 { -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; }

#layerFill6 { -moz-animation-delay:3s; -webkit-animation-delay:3s; }

#layerFill7 { -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s; }

#layerFill8 { -moz-animation-delay:4s; -webkit-animation-delay:4s; }

#layerFill9 { -moz-animation-delay:4.5s; -webkit-animation-delay:4.5s; }

#layerFill10 { -moz-animation-delay:5s; -webkit-animation-delay:5s; }

@-moz-keyframes fill {

0%{ opacity:0; }

100%{ opacity:1; }

}

@-webkit-keyframes fill {

0%{ opacity:0; }

100%{ opacity:1; }

}

/* Trigger button for javascript */

.trigger, .triggerFull, .triggerBar {

background: #000000;

background: -moz-linear-gradient(top, #161616 0%, #000000 100%);

background: -webkit-linear-gradient(top, #161616 0%,#000000 100%);

border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333;

font-family: Verdana, Geneva, sans-serif;

font-size: 0.8em;

text-decoration: none;

text-transform: lowercase;

text-align: center;

color: #fff;

padding: 10px;

border-radius: 3px;

display: block;

margin: 0 auto;

width: 140px;

}

.trigger:hover, .triggerFull:hover, .triggerBar:hover {

background: -moz-linear-gradient(top, #202020 0%, #161616 100%);

background: -webkit-linear-gradient(top, #202020 0%, #161616 100%);

}

</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>

<script>

$(document).ready(function() {

$('#loadbar').removeClass('ins');

$('.triggerBar').click(function() {

$('#loadbar').removeClass('ins').delay(10).queue(function(next){

$(this).addClass('ins');

next();

});

return false;

});

});

</script>

<div class="container">

<ul id="loadbar">

<li><div id="layerFill1" class="bar"></div></li>

<li><div id="layerFill2" class="bar"></div></li>

<li><div id="layerFill3" class="bar"></div></li>

<li><div id="layerFill4" class="bar"></div></li>

<li><div id="layerFill5" class="bar"></div></li>

<li><div id="layerFill6" class="bar"></div></li>

<li><div id="layerFill7" class="bar"></div></li>

<li><div id="layerFill8" class="bar"></div></li>

<li><div id="layerFill9" class="bar"></div></li>

<li><div id="layerFill10" class="bar"></div></li>

</ul>

<a class="triggerBar" href="sarasas.php">I sarasa</a>

</div>

Galkas zino ir gali padeti?

niekas nežino kas tas CC3

Blem ne taip parasiau :D turi buti: CSS3

<script>	
$(document).ready(function() {
   $('#loadbar').removeClass('ins');	
       $('.triggerBar').click(function() {
           $('#loadbar').removeClass('ins').delay(10).queue(function(next){
           $(this).addClass('ins');
           next();
       });
       return false;
   });
});
</script>

Ištrink return false;

tada nuoroda veikia, bet neveikia tas paveiksliukas krovimosi