jQuery fadeOut funktioniert nicht

versucht, eine fancy jQuery Banner-Anzeige zu erstellen. Mein Inhalt ist wie folgt gestaltet:jQuery fadeOut funktioniert nicht

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>Open House : Banner Advertisements</title> 
       <style type="text/css"> 

       article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;} 

         body { background:#0D3405; } 
#container 
{ 
background:#000; 
width:895px; 
margin:25px auto; 
border:solid 2px #666; 
color:#eee; 
padding:15px; 
min-height:600px; 
} 
.leaderboard 
{ 
    width: 895px; 
    min-height:150px; 
    max-height:150px; 
    background: #FFFFFF; //url('_images/01Slide_600x300.jpg') no-repeat; 
    overflow:hidden; 
    position:relative; 
    top:20px; 
} 
.skyscraper 
{ 
width: 150px; 
min-height:600px; 
background:#FFFFFF; 
position:fixed; 
margin-left:5px; 
overflow:hidden; 
} 

#tiger 
{ 
margin-left:-160px; 

} 

#banner1 img 
{ 
position:relative; 
height:100px; 
margin-top:150px; 
margin-right:180px; 
} 

      </style> 

<script type="text/javascript" src="_scripts/modernizr.min.js"></script> 
    </head> 
    <body> 
<div id = "banner2" class = "skyscraper"> 
<img id = "tiger" src = "_images/tiger_2.png" alt = "_images/saveTiger.jpg"> 
</div> 

<div id = "container"> 
    <div id = "banner1" class = "leaderboard"> 
    <h1>free smartphones</h1> 
    <img id = "android1" src = "_images/android.png"> 
    <img id = "android2" src = "_images/blackberry.png"> 
    <img id = "android" src = "_images/android2.png"> 
    </div> </br> 
    </div> 

</body> 

<script type = "text/javascript" src = "_scripts/jquery.min.js"></script> 
<script type = "text/javascript" charset = "utf-8"> 
$(document).ready(function() { 
saveTheTiger(); 
}) 

function saveTheTiger() 
{ 
    $('#tiger').fadeOut(1000); 
//animate({'margin-left':'100px'},1000); 
} 

function banner1adsequence() 
{ 
    smartphones(); 
} 
</script> 
</html>

Die Sache ist, das FadeOut funktioniert nicht. Wenn Sie die animierte Funktion bemerken, die auskommentiert wurde, funktioniert das, was ich gerade dort ausprobiert habe, um das Laufwerk zu testen und zu überprüfen, ob die ID aufgerufen wird und das funktioniert.

Kann jemand herausfinden, was hier oben ist?

Dank

Quelle

2012-03-27 user1020069

Funktioniert für mich: http://jsfiddle.net/6Q49q/ –

Sind Sie sicher, dass es nicht ist, weil die CSS-Regel das Bild außerhalb des Bildschirms platziert? Was bedeutet "geht nicht" in diesem Fall überhaupt? Bild nicht oder gar nicht ausgeblendet? Fehler? – JJJ

Funktioniert 'fadeIn' zufällig? In welchem Browser/welcher Version versuchen Sie dies auszuführen? –

Ihr Problem ist, dass Ihre CSS #tiger Orte der img-160px aus dem Bildschirm. Da die Klasse .skyscraber in der Breite nur.ist, wird img außerhalb des Bildschirms 10px sein.

In Ihrem animate korrigieren Sie den Rand "Fehler" und deshalb funktioniert es.

Quelle

2012-03-27 19:06:23

es ist kein Fehler, es ist absichtlich coz das ist, wie das Bild gemacht wird, – user1020069

Es immer noch nicht Hilfe, dass Sie eine Box mit 150px Breite anzeigen und Sie positionieren es 160px auf der linken Seite des Bildschirms .. Versuchen Sie, die "margin-left" -Eigenschaft in Ihrem "animieren" -Methode zu entfernen, und Sie werden den gleichen Fehler haben wie Sie habe mit der Fadeout-Methode –

Jungs, dass Marge-links ist einfach, so dass ich das Bild in den Dimensionen meiner Viewports in einer bestimmten Weise positionieren [Wolkenkratzer]. Ich habe den Rand links herausgenommen und das Ausblenden funktioniert nicht. Ich teste das, indem ich ein h1-Tag anstelle des Bildes anbringe, und das verblasst gut .... – user1020069

jQuery fadeOut funktioniert nicht

Antwort

Verwandte Themen