jquery - 简单的自定义 jquery 切换脚本

Question

我正在使用 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');
    }
});

这里有什么问题？它只运行条件的第一部分，而不考虑最高值......

Answer 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()