2011-12-14 12 views
0

問題があります。私はjQueryのアドレスhttp://www.asual.com/jquery/address/を私のウェブサイトに統合しようとしています。テストとして、私はテストウェブサイトhttp://electricchapel.net/ecad/を作成しました。それは動作しますが、1つの質問があります:hide/showはjQueryアドレスと組み合わせて動作しません

私はhide();を使用してコンテンツを単純に非表示にしています。コンテンツを読み込んだ後に表示するにはshow();を使用しました。それにもかかわらず、それはスライド/フェードアウトし、スライド/フェードインします。私はそれを取得しません。単に隠れて見せてはいけませんか?この問題を回避するにはどうすればよいですか?

答えて

1

あなたの関連するコードはこれですように見えます:あなたがいないと.hide()を使用する場合は

$('#content').hide(function() { 
    $(this).html($('#content', data).html()).show(); 
}); 

引数を指定すると、コンテンツがただちに非表示になります。

あなたが持っているような引数を使用して.hide()を使用すると、アニメーションになり、指定されていないアニメーションパラメータのデフォルトが選択され、表示されるアニメーションのタイプが変わります。以下にその例を示します:http://jsfiddle.net/jfriend00/LXcDp/

あなたがすぐに表示/非表示にしたい場合は、このようにコードを変更することができます。

$('#content').hide(); 
$('#content').html($('#content', data).html()).show(); 
+0

ありがとうございますが、私のソリューションでは '$(this)'が間違っていたので、単に$( 'content') 'に置き換えてくれました。 '$( '#content')。hide(); show(); ' +「hide();」が表示された理由を説明していただきありがとうございます。アニメーションとして。 –

+0

はい、私は私の提案から 'this'を削除します。うれしかった。 – jfriend00

0

プラグインがhide関数とshow関数をオーバーライドしているようです。

// hide element 
    $('#yourElement').addClass('hidden'); 

// show element 
    $('#yourElement').removeClass('hidden'); 

やCSSのようにクラスを追加し、削除することで隠し、表示してみてください:

.hidden{ 
    display:none; 
} 
+0

私は(jQueryのアドレスのソースコードで見てきたし、それは '.hideを使用するか、または変更することをどこにも表示されません) 'または' .show() 'なので、私はそれが正しいとは思わない。 – jfriend00

関連する問題