搜索

首页  >  问答  >  正文

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>

为情所困为情所困2752 天前512

全部回复(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

    <!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 兼容" content="ie=edge">
    <script src="https://cdn.bootcss.com/jquer...
    <style>

    雷雷

    </style>
    <title>文档</title>
    </head><body>

    <h1>Jquery学习</h1>
    <button id='btn'>点击</button>

    <p id='cbox'>变化的Box</p>
    <script>

    雷雷

    <脚本>
    /**!

    • @preserve 彩色动画 1.6.0

    • http://www.bitstorm.org/jquer...

    • 版权所有 2011、2013 埃德温·马丁

    • 根据 MIT 和 GPL 许可证发布。
      */

    (函数($) {
    /**

    • 检查浏览器是否支持RGBA颜色模式。
      *

    • 作者 Mehdi Kabab http://pioupioum.fr

    • @return {boolean} 如果浏览器支持 RGBA,则为 True。否则为假。
      */

    函数 isRGBACapable() {

    雷雷

    }

    $.extend(true, $, {

    雷雷

    });

    var properties = ['color', 'backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'outlineColor'];
    $.each(properties, function(i, property) {

    雷雷

    });

    // borderColor 不符合上面的标准 fx.step。
    $.Tween.propHooks.borderColor = {

    雷雷

    }

    // 计算中间颜色。返回类似“#aabbcc”的字符串。
    函数calculateColor(begin, end, pos) {

    雷雷

    }

    // 解析 CSS 语法颜色。输出数组 [r, g, b]
    function parseColor(color) {

    雷雷

    }

    // 一些可使用的命名颜色,由 Bradley Ayers 添加
    // 来自 Stefan Petre 的 Interface
    // http://interface.eyecon.ro/
    var color = {

    雷雷

    };
    })(jQuery);

    代码直接运行即可改变颜色 我是雷锋求采纳

    回复
    0
  • 取消回复