javascript - jquery点击按钮没有反应
本文介绍了javascript - jquery点击按钮没有反应的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
代码如下,点击按钮没有任何效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<style>
#cbox{
background-color:green;
color:red;
border:5;
width:300px;
height:200px;
positon:relative;
}
</style>
<title>Document</title>
</head>
<body>
<h1>Jquery 学习</h1>
<button id='btn'>点击</button>
<div id='cbox'>变化的Box</div>
<script>
jQuery(document).ready(function($){
$('#btn').click(function(event){
$('#cbox').animate({
left:300,
color:gray,
width:'400px'
});
});
});
</script>
</body>
</html>
解决方案
animate是不会改变颜色的,所以这个gray是没有意义的,另外,就算你要写color,gray也应该加上引号,不然就成了一个未定义的变量了。
这篇关于javascript - jquery点击按钮没有反应的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文