Question

好吧所以我有这个，我有css设置显示无，但当.animate运行我希望它然后显示内联列表，任何人都可以帮助指出什么是错的？谢谢蒂姆

    $('.settings-button').click(
        function () {
            $('.settings-box').animate({ height: 150 }, 750, function () {

                $('.Settings-list').css({
                    'Display': 'inline',
                });
            });
        }
    );

Answer 1

代码中的错误： -

1） - Display应为display - 小 d

2） - 在,使用了'Display': 'inline', style。如果仅应用一个$('.settings-button').click( function () { $('.settings-box').animate({ height: 150 }, 750, function () { $('.Settings-list').css({'display': 'inline'}); }); } );

则不需要

{{1}}

Answer 2

在CSS中使用它：

.Settings-list{
    display: inline-block;
}

在脚本

中使用它

$(".Settings-list").hide();
$('.settings-button').click(
    function () {
        $('.settings-box').animate({ height: 150 }, 750, function () {

           $(".Settings-list").show();             

        });
    }
);

Answer 3

您可以删除display: none;并尝试此操作

$( document ).ready(function() {
$('.Settings-list').hide();

$('.settings-button').click(
        function () {
            $('.Settings-list').show('slow');
            $('.settings-box').animate({ height: 150 }, 750, function () {

                $('.Settings-list').css({
                    'Display': 'inline',
                });
            });
        }
    );
});

Answer 4

Jquery .css区分大小写。更改＆＃39;显示＆＃39;显示＆＃39;。

Answer 5

这不起作用的唯一原因是因为你在加载

时没有自动隐藏div标签

 $('.Settings-list').hide()

如上所示，在其他评论中。

以及css的情况是敏感的'display'而不是'Display'

之后你所拥有的就完全没问题了。

完整代码

   $('.Settings-list').hide()
        $('.settings-button').click(
            function () {
                $('.settings-box').animate({ height: 150 }, 750, function () {
                    $('.Settings-list').css({
                        'display': 'inline',                        
                    });
                });
            }
        );

感谢Alan

在.animate运行后css不显示

5 个答案: