Эффект jquery fade не работает в FF

Question

Этот фрагмент кода угасает div в IE. В Firefox 3.0.8 происходит постепенное исчезновение, и div немедленно исчезает. Я не могу найти никого, кто упоминает об этой проблеме.

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


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

Answer 1

Спасибо за помощь.

Я нашел проблему. Мой пример не был полным. Я также включил jquery-vsdoc.js для jQuery VS intellisense. Принимая это, он заработал.

Я использовал этот трюк для будущих читателей

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

Wierd.

Answer 2

Он работает для меня на Firefox 3.0.8 и Windows XP.

Here is the sample page I tested it on.

Answer 3

Работа для меня, а

<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

Я стучал головой с этой проблемой, все утро и, наконец, нашел мою проблему ... заголовок в «Сценарии/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 
*/ 

, когда они говорят «вы не должны использовать этот файл во время выполнения в браузере» они, конечно, означает, что она ...

поэтому убедитесь, что вы используете, не входящих в версии -vsdoc из JQuery и JQuery-мин

Answer 5

I ударился головой вокруг этого в течение длительного времени. Мой код даже не имел никакого отношения к любому jquery-vsdoc.js.

Решение: Просто закройте браузер, откройте его, снова загрузите страницу.

Не знаю, почему черт он не работал.

Не позволяйте себе сходить с ума, как я!

Answer 6

Моя проблема заключалась в том, что я сначала попытался сделать анимацию в CSS и оставил это, в результате чего возникли проблемы с этим в jQuery.

transition:.5s linear; 

Answer 7

Здесь вы должны установить event.preventDefault(), чтобы заставить его работать.

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


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