эффект затухания jquery не работает в FF

StackOverflow https://stackoverflow.com/questions/748113

  •  09-09-2019
  •  | 
  •  

Вопрос

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

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


<div id="show">this is where to show it</div>
Это было полезно?

Решение 2

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

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

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

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

Странный.

Другие советы

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

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

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

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

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

Тоже работаешь на меня

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

Я долго ломал голову над этим.Мой код даже не имел ничего общего ни с каким jquery-vsdoc.js.

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

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

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

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

    transition:.5s linear;

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

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


<div id="show">this is where to show it</div>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top