jquery Fade-Effekt funktioniert nicht in FF

Question

Dieses Stück Code verblasst die Div in IE. In Firefox 3.0.8 vergeht die Überblendzeit und das div verschwindet sofort. Ich kann niemanden finden, der dieses Problem erwähnt.

$(function() { 
      $("#show").click(function() { 
       $("#show").fadeOut('slow'); 
      }); 
     }); 


<div id="show">this is where to show it</div> 

Answer 1

Danke für die Hilfe.

Ich habe das Problem gefunden. Mein Beispiel war nicht vollständig. Ich hatte auch jquery-vsdoc.js für jQuery VS intellisense enthalten. Das herauszunehmen hat es funktioniert.

benutzte ich diesen Trick für zukünftige Leser

<%if (false) { %> 
<script src="common/jquery-vsdoc.js" type="text/javascript"></script> 
<% } %> 

Wierd.

Answer 2

Es funktioniert für mich auf Firefox 3.0.8 und Windows XP.

Here is the sample page I tested it on.

Answer 3

für mich arbeiten und

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

<script type="text/javascript"> 
$(function() { 
      $("#show").click(function() { 
       $("#show").fadeOut('slow'); 
      }); 
     }); 
</script> 
    <div id="show">this is where to show it</div> 

Answer 4

Ich habe meinen Kopf gegen dieses Problem den ganzen Morgen hämmern und endlich mein Problem ... der Header auf "Scripts/jquery-1.3.2-vsdoc.js"

 
/* 
* This file has been commented to support Visual Studio Intellisense. 
* You should not use this file at runtime inside the browser--it is only 
* intended to be used only for design-time IntelliSense. Please use the 
* standard jQuery library for all production use. 
* 
* Comment version: 1.3.2a 
*/ 

, wenn sie sagen „Sie sollten diese Datei nicht zur Laufzeit im Browser verwenden“ sie es sicherlich bedeuten ...

so stellen Sie sicher, dass Sie die nicht -vsdoc Versionen von jQuery und jQuery-min verwenden

Answer 5

I schlug meinen Kopf ein runde das für eine lange Zeit. Mein Code hatte überhaupt nichts mit jquery-vsdoc.js zu tun.

Lösung: Schließen Sie einfach den Browser, öffnen Sie ihn erneut und laden Sie die Seite erneut.

Nicht sicher, warum zum Teufel es nicht funktionierte.

Lassen Sie sich nicht verrückt werden wie ich!

Answer 6

Mein Problem war, dass ich zuerst versucht habe, die Animation in CSS zu machen, und dabei Probleme in jQuery verursachte.

transition:.5s linear; 

Answer 7

Sie müssen event.preventDefault() dort setzen, damit es funktioniert.

$(function() { 
    $("#show").click(function(event) { 
     event.preventDefault(); 
     $("#show").fadeOut('slow'); 
    }); 
}); 


<div id="show">this is where to show it</div>