2011-05-14 66 views
1

我是jQuery初学者:)我正在尝试从左向右移动,但我所做的只是向右移动。如何将其移回?用jQuery向左移动

$(function() { 
     $('#box').click(function() { 
      $(this).animate({ 
       "left" : "300px" 
     }, 4000); 
    }); 
}); 

此外,我有我的页面更新面板左右按钮,在代码后面做一些事情。如何从后面的代码调用这个左/右函数?

回答

2

要移回左边,你只是追加另一动画:

$(function() { 
    $('#box').click(function() { 
    $(this).animate({ 
     "left" : "300px" 
    }, 4000).animate({ 
     "left" : "0px" 
    }, 4000); 
    }); 
}); 

这是一个匿名函数作为事件处理程序,你不能打电话,也只会对在div单击事件运行。你可以将它移动到外面

$(function() { 
    $('#box').click(boxAnimation); 
}); 

function boxAnimation() { 
    $(this).animate({ 
    "left" : "300px" 
    }, 4000).animate({ 
    "left" : "0px" 
    }, 4000); 
} 

然后可能this将有所帮助。

编辑:

我发现了一个article描述如何从代码隐藏调用JavaScript。

希望它有帮助

+0

谢谢。那么从后面的代码中调用这个移动函数呢。 – 1110 2011-05-14 10:11:32

+0

@ 1110检查链接,看看你是否能在那里找到答案。我不是WebForms开发人员,所以我认为其他人可以比我更好地回答这个部分:) – 2011-05-14 10:21:54

+0

'$('#box')。click(boxAnimation);'是你的第二个问题的答案。所有你需要的是一个命名函数。 – jackJoe 2011-05-14 11:15:40