jquery绝对位置动画

Question

我在使用一段代码时遇到问题

$(function(){  
 $('input.no').click(function(){  
 $(this).animate({"left" : "80px"}, 150);  
 $(this).removeClass().addClass('click');   });  

 $('input.click').click(function(){  
 $(this).animate({"right" : "0px"}, 150);  
  });  
});  

在这里你可以看到完整的代码 http://pastebin.me/a5b13717c5d7125cd904572c041ce3e1 不工作:(

Answer 1

不使用 live 或 delegate:

向按钮添加一个类，例如:slider-button

$(function() {
  $('.slider-button').bind('click', function() {
    if ($(this).hasClass('no')) {
       $(this).animate({"left" : "80px"}, 150);  
       $(this).removeClass('no').addClass('click');  
    } else {
       $(this).animate({"left" : "0px"}, 150);  
       $(this).removeClass('click').addClass('no');  
    }       
  });    
});