小编mel*_*lon的帖子

jQuery/CSS动画div宽度从左到右

我正在尝试使用jQuery为div设置动画,背景图片的宽度从左到右逐渐减小,同时绝对定位.

我需要使这与IE8兼容,因此使用jQuery.

这是一个基本的JSFiddle演示链接,我到目前为止,但它从右到左动画:

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)

我需要它朝不同的方向发展,如下图所示:

我想要实现的例子

希望有人能指出我正确的方向(没有双关语!).提前致谢.

javascript css jquery css3

5
推荐指数
1
解决办法
2万
查看次数

Jquery从另一个事件中止ajax调用

我有两个点击事件,其中一个有一个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中积压的事件?

javascript ajax jquery

3
推荐指数
1
解决办法
1521
查看次数

标签 统计

javascript ×2

jquery ×2

ajax ×1

css ×1

css3 ×1