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