.css('display','block !important') 重写样式 没起作用

来源:1-4 jQuery中显示与隐藏切换toggle方法

menghuanzhiyun

2017-09-06 18:40

请教各位个问题

根据上一节讲的:如果使用 !display: none !important ,如果希望使用 .show() 方法正常工作,必须使用 .css('display','block !important') 重写样式

.right {

        background: yellow;

        display: none !important;

    }

 $("button:last").click(function() {

        $(".right").css('display', 'block !important').show(3000)

    });

这样为什么不能从消失到显示呢??

请问我哪里出错了呢?麻烦您帮忙看一下,谢谢您啦 ^ _ ^ 


写回答 关注

3回答

  • 北城慕容雪
    2017-09-22 00:23:49

    $(".right").attr('style','display: block !important').toggle(3000)有从显示到隐藏的动画,但是$(".right").attr('style','display: block !important').show(3000)没有动画,而且最终都是隐藏,不能显示,不知道什么情况

  • 收获季节
    2017-09-16 22:48:49

    .right {

            background: yellow;

            display: none;

        }

     $("button:last").click(function() {

            $(".right").css('display', 'block !important').show(3000)

        });

    这样就可以了从消失到显示了

  • 雪域罹狼
    2017-09-07 21:04:57

    $(".right").css('display', 'block !important').show(3000)

    换成:

    $(".right").attr('display', 'block !important').show(3000)试试看


    小程序魔王

    兄弟,没啥反应啊

    2018-10-09 22:39:41

    共 1 条回复 >

jQuery基础(四)—动画篇

jQuery基础教程动画篇,讲解jQuery基础开启动画修炼

85058 学习 · 262 问题

查看课程

相似问题