Warum funktioniert diese einfache Show-Funktion nicht?

Ich habe ein einfaches Problem ... vielleicht bin ich schlafen beraubt und nicht zu sehen, was es ist ...Warum funktioniert diese einfache Show-Funktion nicht?

Grundsätzlich habe ich ein Bild, klicken Sie auf ein Bild, zeigen Sie ein YouTube-Video. Einfach richtig?

Hier ist meine css ...

<style type="text/css"> 

#movie { display: none; } 

</style>

js ...

$(document).ready(function(){ 

    $('#show_movie').click(function(){ 

      $(this).hide(); 
      $('#movie').show(); 


    }); 

});

und

<img id="show_movie" src="/img/site-inside.jpg" />   

<object id="movie" width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WDgm6YaApEY?hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WDgm6YaApEY?hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Gibt es etwas, über ein Flash-Objekt zeigt, ich weiß nicht, über ? Weil der obige Code das Bild verbirgt und nichts anderes tut.

Quelle

2010-11-26 willdanceforfun

Versuchen Sie, die Film-ID aus Ihrem CSS zu entfernen und fügen Sie $ ('# Film') hinzu. Hide(); über der Funktion, die es erscheinen lassen soll.

Quelle

2010-11-26 12:30:17

Mann, es hat funktioniert ... wie interessant. – willdanceforfun

Es ist wahrscheinlich, weil css es hiden hält, also versucht es, es zu zeigen, aber es bleibt verborgen, weil es im css ist. –

Das ist nicht wahr, der Aufruf von '.show()' überschreibt alle zuvor definierten Stile. –

Warum funktioniert diese einfache Show-Funktion nicht?

Antwort

Verwandte Themen