jqueryのフェード効果がFFで機能しない

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

  •  09-09-2019
  •  | 
  •  

質問

このコードは IE で div を細かくフェードアウトします。Firefox 3.0.8 では、フェード時間が経過し、div が即座に消えます。この問題について言及している人は見つかりません。

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


<div id="show">this is where to show it</div>
役に立ちましたか？

解決 2

助けてくれてありがとう。

私は問題を発見しました。私の例では、完全ではなかったです。また、私はjQueryのVSのインテリセンスのためjquery-vsdoc.jsが含まれていました。このアウトを取ることは、それが仕事作っています。

私は将来の読者のために、このトリックを使用します。

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