Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery动画方法不工作_Javascript_Jquery - Fatal编程技术网

Javascript jQuery动画方法不工作

Javascript jQuery动画方法不工作,javascript,jquery,Javascript,Jquery,这是我的代码,我认为代码没有错误,但仍然无法获得'div'标记的动画。任何帮助都将不胜感激。多谢各位 $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ $(“div”).animate({ 左:“450px” }); }); }); 启动动画 一个简单的动画示例: 通常,如果资源使用http或https提供,您应该使用src=“/…”,但是如果您使用文件://协议在本地加载页面,/将不起作用 替换 src=“//ajax.googleapis.com/ajax/libs/

这是我的代码,我认为代码没有错误,但仍然无法获得'div'标记的动画。任何帮助都将不胜感激。多谢各位


$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
$(“div”).animate({
左:“450px”
});
});
});
启动动画
一个简单的动画示例:


通常,如果资源使用
http
https
提供,您应该使用
src=“/…”
,但是如果您使用
文件://
协议在本地加载页面,
/
将不起作用

替换
src=“//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js”


src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js“

您的代码完全有效并运行;你可以查一下。但是,我强烈建议为jQuery对象使用特定的选择器,尤其是在执行诸如动画之类的操作时

<button>Start Animation</button>
<p>A simple animation example:</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $("button").click(function() {
    $("div").animate({
      left: '450px'
    });
  });
});
</script>
启动动画
一个简单的动画示例:

$(文档).ready(函数(){ $(“按钮”)。单击(函数(){ $(“div”).animate({ 左:“450px” }); }); });
您假设OP没有使用
https
@RoryMcCrossan如果文件是使用
文件://
协议本地加载的,这不是一个问题吗。谢谢GhitaB,工作得很好。请告诉我为什么用“https”代替“http”如此重要。@t.niese你是对的。我认为,如果GhitaB更清楚地解释了为什么这是一个解决方案,这个答案可以避免一些反对票。@NaveenAkula通常你应该使用
src=“//
如果资源使用
http
https
提供,但是如果您使用
文件://
协议在本地加载页面,
//
将不起作用。您是否在本地加载页面?浏览器中的地址栏开头是否有
文件://
?我将您的代码放在了一个代码段中。正如你现在看到的,它工作得非常好。请检查控制台中是否有错误。@t.niese是的,正如GhitaB所说,我用“https”替换了我的src,并且成功了。感谢您的编辑@RoryMcCrossan@GhitaB完成,谢谢你的耽搁我是新来的stackoverflow。