搜尋

首頁  >  問答  >  主體

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>

<p id='cbox'>变化的Box</p>
<script>
    jQuery(document).ready(function($){
        $('#btn').click(function(event){
            $('#cbox').animate({
                left:300,
                color:gray,
                width:'400px'
            });
        });
    });


</script>

</body>

</html>###
为情所困为情所困2793 天前547

全部回覆(5)我來回復

  • 天蓬老师

    天蓬老师2017-05-18 11:01:07

    animate是不會改變顏色的,所以這個gray是沒有意義的,另外,就算你要寫color,gray也應該加上引號,不然就成了一個未定義的變數了。

    回覆
    0
  • 高洛峰

    高洛峰2017-05-18 11:01:07

    顏色:'灰色'

    回覆
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-18 11:01:07

    參數列表裡的 $ 去掉

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-18 11:01:07

    function中不該有$。
    animate沒有color標籤,但有透明度變換的opacity的標籤。
    還有標籤對應的值應有單引號''。

    回覆
    0
  • 为情所困

    为情所困2017-05-18 11:01:07