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

简单的自定义jquery切换脚本

1 个答案: