0

私は jquery を使用した単純なトグル スクリプトに取り組んでいますが、これが機能しない理由が一生わかりません。コードは次のとおりです。

$('span.mission').click(function(){
    if( !$('#panel').css('top') == 0 ){
        alert('hello'); 

        $('#panel').load('/includes/mission.html').animate({
            'top': 0
        }, 2500, 'easeInOutQuint');
    }else{
        alert('goodbye');
    }
});

ここで何が問題なのですか？最上位の値に関係なく、条件の最初の部分のみを実行します...

4

1 に答える 1

1

あなたの状態は次のようになるはずです

if($('#panel').css('top') != 0 ){

だからそれは次のようになります

$('span.mission').click(function(){
    if( $('#panel').css('top') != 0 ){
        alert('hello'); 

        $('#panel').load('/includes/mission.html').animate({
            'top': 0
        }, 2500, 'easeInOutQuint');
    }else{
        alert('goodbye');
    }
});

また、クリックイベントには.on()またはのいずれかを使用できます。新しいバージョンでは非推奨になっているため、使用する方が良い.live()live.on()

于 2013-11-15T05:13:35.010 に答える