0

基本的に左側にナビゲーションバーがあります。ユーザーがオプションをクリックすると、それに関連付けられたコンテンツがフェードインするはずです。ユーザーが別のオプションをクリックすると、現在のコンテンツがフェードアウトし、次のコンテンツがフェードインします。そのためのロジックを処理する方法は知っていますが、何らかの理由でフェードインが機能していません。これが私のhtmlです

<div id="Hotel" class="Information"  style="display:none;">
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
</div>

これが私のjqueryです：

$(document).ready(function(e) {
    $("ul.navigation > li").click(function(e) {
        $sel = $(this).val();
        if($sel == 0)
            $("#schedule").show();
        else if($sel == 1) {
            $('#Hotel').show();
            $('#Hotel').fadeIn('slow');
        }
    });
});

ナビゲーション バーのホテルのリンクをクリックすると、コンテンツがフェードせずに表示されます。私のコードの問題は何ですか?

4

2 に答える 2

2

show() を呼び出さないでください。 http://api.jquery.com/fadeIn/

于 2012-09-21T04:29:05.230 に答える
2

このようにしてみてください

$(document).ready(function(e) {
$("ul.navigation > li").click(function(e) {
    $sel = $(this).val();
    if($sel == 0)
        $("#schedule").show();
    else if($sel == 1) {
        $('#Hotel').fadeIn('slow');
    }
  });
});

コードから show() 関数を削除し、次のように編集します

于 2012-09-21T04:30:50.377 に答える