如何使 jQuery 'show' 函数使用'display: inline-block'

Question

我的页面上有一个AJAX加载器。它首先使用 CSS display: none; 隐藏，然后在 AJAX 例程中显示 -

t.ajax_loader.show('explode', {}, 1000);

我

使用"爆炸"是因为加载器不是那么大（由于我必须把它放在哪里），我想帮助让它更明显地表明它在那里。

但是，使用上述 jQuery 会将加载程序的disply类型更改为默认inline。这对我没有好处，因为我需要inline-block.

文档建议有一些选项可用，但这些似乎都与此无关。有人知道我能做到这一点的方法吗？谢谢。

更新

根据@PatsyIssa的建议，我正在尝试实现animate功能。

这是我尝试过的，但是display属性似乎被忽略了。另外，我不确定如何将爆炸效果与此结合使用？谢谢。

t.ajax_loader.animate({
    display: 'inline-block'
}, 1000);

Answer 1

使用opacity或visibility选项。

Answer 2

节目动画完成后，使用：

$('#myElementId').css('display', 'inline-block');