qq_24583619
qq_24583619
2015-12-24 09:17
采纳率: 50%
浏览 2.2k

JQuery 开关灯问题,求大神指点

为啥点击只能使之变黑,再点就没反应了呀。。。

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <script src="scripts/jquery-2.1.4.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#kgd").click(function () {
                $(document.body).toggleClass("night");          //没有就加,有就移除
            });
        });
    </script>
    <style type="text/css">
        .night{background-color:black;}
    </style>
</head>
<body>
    <input value="开关灯" id="kgd" type="button" />
</body>
</html>

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

10条回答 默认 最新

  • showbo
    已采纳

    IE是有这个问题,直接设置样式可以。。

                $("#kgd").click(function () {
                    $(document.body).toggleClass("night");          //没有就加,有就移除
                    document.body.style.backgroundColor = document.body.className=='night'?'black':'white'
                });
    
    点赞 评论
  • u013785269
    逝水无痕o0 2015-12-24 09:19

    你js 只做了一个操作啊!!!

    点赞 评论
  • u013785269
    逝水无痕o0 2015-12-24 09:23

    好吧 我弄错了。。。不是这个原因

    点赞 评论
  • u013785269
    逝水无痕o0 2015-12-24 09:26

    你这扯淡啊 这不是对的么。。。

    点赞 评论
  • sinat_31535993
    sinat_31535993 2015-12-24 09:30

    看看逻辑也知道啦,有加class,有去class吗?

    点赞 评论
  • qq_19558705
    ITDragon龙 2015-12-24 09:32

    你先要明白toggleClass的用法;的确是有了就不加,没有就加,但是是针对同级元素。一个页面只有一个body,所以你不管怎么操作都是一样的,但是如果用两个div去代替body试试,应该就没有问题了。

    点赞 评论
  • kastier
    kastier 2015-12-24 09:37

    没问题了
    <!DOCTYPE html>






    <br> $(function () {<br> $(&quot;#kgd&quot;).click(function () {<br> $(document.body).toggleClass(&quot;night&quot;); //没有就加,有就移除<br> });<br> });<br>
    <br> .night{background-color:black;}<br>




    点赞 评论
  • kastier
    kastier 2015-12-24 09:38
     <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <meta charset="utf-8" />
       <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#kgd").click(function () {
                    $(document.body).toggleClass("night");          //没有就加,有就移除
                });
            });
        </script>
        <style type="text/css">
            .night{background-color:black;}
        </style>
    </head>
    <body>
        <input value="开关灯" id="kgd" type="button" />
    </body>
    </html>```
    
    
    点赞 评论
  • daidaineteasy
    晓呆同学 2015-12-24 09:39

    我在本地用jquery-1.4.4.js是没有问题的,
    如果你这不行的话,建议换下Jquery版本试试。

    点赞 评论
  • wohenni0931
    wohenni0931 2015-12-24 09:44

    这个应该是浏览器问题,我用IE不行,但是360就可以。

    点赞 评论

相关推荐