2012-01-30 8 views
1
$('#searchBox input').focus(function(){ 
          console.log(true); 
          $('nav').addClass('searching'); 

}); 
$('#searchBox input').blur(function(){ 
          console.log(false) 
          $('nav').removeClass('searching'); 
}); 

これはうまくいきます:フォーカスまたはぼかしに応じてnav要素に '検索'クラスを追加して削除します。classClassを追加/削除するswitchClassは動作しませんか?

私はいくつかのアニメーションを追加したかったし、代わりに各要素をアニメーション化する、無existeが非既存のクラス(私は追加/削除で何かを渡すために必要な考え出しありませんswitchClass

をしようとする
$('#searchBox input').focus(function(){ 
          console.log(true); 
          // $('nav').addClass('searching'); 
          $('nav').switchClass('no-existe', "searching", 1000); 
         }); 
         $('#searchBox input').blur(function(){ 
          console.log(false) 
          //$('nav').removeClass('searching'); 
          $('nav').switchClass( "searching",'no-existe', 1000); 
}); 

を望んでいましたパラメータ) true/falseをログに記録しますが、navのクラスは変更しません。

理由は何ですか?

+0

アニメーション化しようとしているクラスのどのパラメータですか? –

+0

私は最初に(フォーカスには存在しない)、2番目のパラメータclassnameにアニメートしようとしています。 –

+0

がありますので、seachingクラスを取ると、入力に境界または背景色が与えられますか? –

答えて

3

switchClass()はおそらく、選択された要素がクラス「検索」を追加する前に「存在しない」クラスを持っていることを確認するためにチェックします。私はあなたがそれを呼び出す方法をサポートするためにドキュメントに何も表示されません。

1

SwitchClassはjqueryのUI

の一部http://docs.jquery.com/UI/Effects/switchClass

あなたはjQueryのUIライブラリをインポートしている参照してくださいますか?

+0

はいjquery-uiをインポートしています(質問にタグが付いているので) –

+0

okですので、@Robは問題を指摘しているはずです... – ChristopheCVB

関連する問題