Эффект 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

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

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

, поэтому убедитесь, что вы используете не-vsdoc версии jquery и jquery-min

Answer 2

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

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

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

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

Wierd.

Answer 3

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

    transition:.5s linear;

Answer 4

Я долго копался в этом. Мой код даже не имеет никакого отношения к jquery-vsdoc.js.

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

Не уверен, какого черта это не сработало.

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

Answer 5

работает и для меня

<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 6

У меня работает на Firefox 3.0.8 и Windows XP.

Вот пример страницы, на которой я ее тестировал.

Answer 7

Вы должны поместить туда event.preventDefault (), чтобы он заработал.

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


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