关于JS对象的一个问题：报错
首先声明下，我是写后端的，前端的JS能力不是我的专长，欢迎拍砖。
然后是问题：
我想写一个JSON对象，这个对象里面包含了几个属性，其中几个属性引用HTML页面里的DOM元素。然后我想写一个JS方法，利用这个JSON对象里的DOM元素对象，直接调用JQuery的animate方法或css方法。css方法是可以调用的，但是animate调用时却出现了：“TypeError: XXX.animate is not a function”。我应该如何修正这个问题？
以下是大概的代码：
<div id="handler">....</div>
<script>
var Tool = {
handler:$("#handler")
}
Tool.handler.css('color','red');
Tool.handler.animate({width:130}); //这里报错
</script>
写回答
-
你试试这样，没问题啊：
<head runat="server"> <title></title> <script type="text/javascript" src="jquery-2.0.2.min.js"></script> <script type="text/javascript"> $(function () { var Tool = { handler: $("#handler") } Tool.handler.css('color', 'red'); Tool.handler.animate({ width: 500 }); }); </script> </head> <body> <form id="form1" runat="server"> <div id="handler" style="background:#98bf21;height:100px;width:100px;margin:6px;">....</div> </form> </body> </html>######
<html> <head> <title></title>
<script type="text/javascript" src="jquery-2.0.2.min.js"></script> </head> <body> <div id="handler">....</div><script>
var Tool = {
handler:$("#handler")}
Tool.handler.css({'color':'red', 'background': 'blue'});
Tool.handler.animate({width:430}); //这里报错
</script> </body> </html>
没发现有问题哦######不会吧，这么神奇...######你这个大概的代码，把错误的地方给屏蔽了。######什么意思，不太明白######这段代码应该不会报错，因为css方法都能调用，animate方法应该不会报不是函数的错。难道你的jquery类库有问题？这不太可能啊。######代码太简单了，，可能中间有 造成改变值得代码，，
2020-06-09 11:34:13赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
