javascript - 无法使用 jQuery animate() 使元素对 Angular 移动

标签 javascript jquery html dom script-tag

好吧,我只需要为我正在构建的网站上的几个动画学习 JQuery。

我一直在阅读 JQuery 网站上的教程,只是想实现一个简单的对 Angular 线移动动画。

我对 JQuery 仍然非常陌生(就像今天开始的那样),但从我所理解的一切来看,以下代码应该可以工作。我犯了什么错误?

<head>
<script type="text/javascript" src="JQuery.js">
</script>

<script>
$(document).ready(function(){
    $("#moveme").click(function(event){
    $("#moveme").animate({right: '+=50', bottom: '+=50'}, 1000);​​​​​​​​​​​​​​​ 
    });
});
</script>
</head>

<body>
<div id="moveme">
Move this text
</div>
</body>

编辑:

添加了 css 的相对属性并修复了 document 的括号问题,但仍然不起作用。

最佳答案

您似乎忘记了一些括号来正确选择元素。

那又怎么样?

$(document).ready(function(){
    $("#moveme").click(function(event){
        $(this).animate({right: '+=50', bottom: '+=50'}, 1000);​​​​​​​​​​​​​​​ 
    });
});

编辑:

此外,请确保您正在导入 jQuery 脚本库:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

关于javascript - 无法使用 jQuery animate() 使元素对 Angular 移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13183759/

相关文章:

javascript - iOS 12 上的麦克风访问 FIrefox 和 Chrome

javascript - 在声明中获取元素属性 - jQuery

javascript - 带数字的变量在警报中不起作用

jquery - 多幻灯片切换上的事件类存在问题

javascript - 当用户停止在 AngularJS 中输入时执行函数

javascript - 我如何在 Sitecore Master Layout 中控制 CSSclass

javascript - jQuery 日期选择器验证失败

javascript - 如何从异步调用返回响应?

html - 堆叠扩展 DIV

html - 更改 bootstrap 标签的颜色不起作用