簡單的自定義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()