2009-04-14 13 views
3

このコードはIEのdivをフェードアウトします。 Firefox 3.0.8では、フェードタイムが経過し、divは即座に消えます。私はこの問題について言及している人はいません。jquery fade effectがFFで動作しない

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


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

私は実際に問題を単純化しました。私はFirefox 3.0.8でfadeOutに何も手に入れることができません。検索時にこの問題について何も見たことがありません。 – Kyle

答えて

3

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

問題が見つかりました。私の例は完全ではありませんでした。 jQuery VS intellisenseにはjquery-vsdoc.jsも含まれていました。これを取り除くことでそれが機能しました。

私は奇妙

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

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

私はすべての朝、この問題に対する私の頭を叩いて、最終的には私の問題を発見してきた
1

私のために働い同様

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

... ヘッダー「スクリプト/ 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の分

1

Iの非-vsdocバージョンを使用している作る...彼らは確かにそれを意味ですか「あなたはブラウザ内部で実行時にこのファイルを使用してはならない」を言います私の頭を叩いていたこれを長い間丸める。私のコードは、jquery-vsdoc.jsとは関係がありませんでした。

解決方法:ブラウザを閉じてもう一度開き、もう一度ページを読み込んでください。

なぜそれがうまくいかなかったのか分かりません。

私がしたように自分自身を狂って行かせないでください!

1

私の問題は、最初にCSSでアニメーションを作成しようとしたところ、これを残してjQueryで問題が発生していたということでした。

transition:.5s linear; 
0

event.preventDefault()をそこに配置する必要があります。

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


<div id="show">this is where to show it</div> 
関連する問題