Question

我从MySQL数据库获取内容并将其输出到#content div。

我希望默认情况下该div不可见，并在内容加载后平滑显示。

我知道这很容易，但对于我的生活，我不记得该怎么做。

Answer 1

在JQuery中，您可以添加

$(document).ready(function()  {
    $('div#id_of_div').html("<?php $content; ?>");
});

但是有很多方法可以展示内容，您可以使用fadeIn("slow")。生效。

您还可以在ready函数中使用ajax。这一切都取决于您和您希望获取数据的方式。

Answer 2

通过ajax ...（url-to-your-results-stuff）加载你的内容....比你收到数据后淡入

jQuery(function(){
    jQuery('your-div-selector')
        .hide()
        .load(
            'url-to-your-result-stuff',
            {},
            function() {
                jQuery(this).fadeIn();
            });
    });

Answer 3

如果您想要平滑过渡，请使用“隐藏”类与visiblity和opacity属性而不是display属性，否则该元素将不会成为常规流的一部分当文件被隐藏并可能闪烁时visibility属性用于支持不了解opacity的旧版浏览器。首先在HTML上添加类，然后添加CSS：

div.hidden {
  visibility: hidden;
  opacity: 0;
}

然后，您可以在加载内容时使用回调再次显示div：

$('#content').load('contents.php', function() {
  $(this).css('visibility', 'visible').fadeTo('fast', 1);
});

使用jQuery从数据库加载内容，然后淡入

3 个答案: