通过按下第一个按钮,您将对第二个按钮的margin-left
进行动画处理,通过按第二个按钮,您将单击事件与第一个取消绑定,但我想说第三个按钮将单击事件绑定回第一个按钮。
当然是在寻找一个简单的解决方案!
代码如下所示:
<div class="button"><a href="http://www.google.com">something</a></div>
<div class="button2"><a href="http://www.google.com">something2</a></div>
<div class="button3"><a href="http://www.google.com">something3</a></div>
(function(){
$('.button a').on('click', function(e){
e.preventDefault();
$('.button2').animate({'margin-left': '+=2'}, 100);
})
$('.button2').on('click', function(e){
e.preventDefault();
$('.button a').unbind('click');
})
$('.button3').on('click', function(e){
e.preventDefault();
$('.button a').bind('click');
})
})();
你可以在这里搞砸它
您实际上可以在 .on()
中使用命名函数。这意味着您可以定义一个函数marginFunc()
,然后将其绑定到单击
function marginFunc() {
...
}
$(someElement).on('click', marginFunc);
完成后,您可以使用 .unbind('click', marginFunc)
或 .off('click', marginFunc)
解绑它。
之后,您可以按照与开始时相同的方式重新绑定。
在这里工作。