我正在尝试使用jQuery为div设置动画,背景图片的宽度从左到右逐渐减小,同时绝对定位.
我需要使这与IE8兼容,因此使用jQuery.
这是一个基本的JSFiddle演示链接,我到目前为止,但它从右到左动画:
jQuery(document).ready(function($){
$(document).on('click', '.splat', function(e){
$(this).animate({width:"0px"},800);
});
});
.splat {
width: 400px;
height: 400px;
background: blue;
position: absolute;
top: 100px;
left: 100px;
}
<div class="splat"><!-- --></div>
Run Code Online (Sandbox Code Playgroud)
我需要它朝不同的方向发展,如下图所示:

希望有人能指出我正确的方向(没有双关语!).提前致谢.
我有两个点击事件,其中一个有一个ajax调用,为了clairty,这可能是点击事件A.我有另一个点击事件,让我们调用这个点击事件B.
我注意到如果我一直快速点击A多次然后点击B,事件就会排队,即使事件B执行完毕,A的ajax也会被调用.
当我点击BI时,希望所有ajax调用完全停止,这是从A执行的.
内部点击事件AI有:
$("A").live("click", function(event) {
var ajax_call = $.ajax({ /* Some code goes here */ });
});
$("B").live("click", function(event) {
/* Some code goes here */
ajax_call.abort();
});
Run Code Online (Sandbox Code Playgroud)
但上述方法无效.有没有办法可以清除A中积压的事件?