javascript - 单击时向右和向左移动 div

标签 javascript jquery animation

我想让 div 在我第一次点击它时向左移动,第二次回到原来的位置,第三次再次向左移动等等。

那么为什么这不起作用: http://jsfiddle.net/kS7KE/2/

    var checker = new Boolean();
checker = true;
if (checker = true){
    $("#div").click(function () {   
        $(this).animate({left: "10%"},400);   
        checker = false;
    });
}
if (checker != true){
    $("#div").click(function () {   
        $(this).animate({left: "30%"},400);   
        checker = true;
    });
}

最佳答案

为什么有这么多代码? :)

var checker = true;
$("#div").click(function () {
    targetLeft = checker ? "10%" : "30%";
    $(this).animate({left: targetLeft},400);   
    checker ? checker = false : checker = true;
});

http://jsfiddle.net/kS7KE/5/

关于javascript - 单击时向右和向左移动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15981585/

相关文章:

javascript - 为什么日期时间选择器中的日期没有突出显示?

Java 在同一个 JFrame 中绘制多个正方形

javascript - 滚动后突出显示事件的 div

javascript - 如果没有 "function"关键字,这个对象方法定义如何工作?

jquery - 拖动时如何将 JQuery UI 可排序项目定位在鼠标光标处?

wpf - WPF中的星球大战文字效果

c# - 当其他动画正在播放时,如何防止我的动画启动?

javascript - AJAX 延迟计算

javascript - 使用逻辑或运算符 (a || b) 运行 JS 中的两个函数之一

javascript - 使用 TogetherJS 扩展性将更改同步到 Div