关于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>
写回答
-
https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB你试试这样，没问题啊：
<headrunat="server">
<html><head><title></title><scripttype="text/javascript"src="jquery-2.0.2.min.js"></script></head><body><divid="handler">....</div><script>varTool={handler:$("#handler")}Tool.handler.css({'color':'red','background':'blue'});Tool.handler.animate({width:430});//这里报错</script></body></html>
<title></title>
<scripttype="text/javascript"src="jquery-2.0.2.min.js"></script>
<scripttype="text/javascript">
$(function(){
varTool={
handler:$("#handler")
}
Tool.handler.css('color','red');
Tool.handler.animate({width:500});
});
</script>
</head>
<body>
<formid="form1"runat="server">
<divid="handler"style="background:#98bf21;height:100px;width:100px;margin:6px;">....</div>
</form>
</body>
</html>没发现有问题哦
不会吧，这么神奇...你这个大概的代码，把错误的地方给屏蔽了。
什么意思，不太明白这段代码应该不会报错，因为css方法都能调用，animate方法应该不会报不是函数的错。难道你的jquery类库有问题？这不太可能啊。代码太简单了，，可能中间有造成改变值得代码，，
2020-06-20 19:26:30赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
