從數據庫加載內容，然後淡入，使用jQuery

我從MySQL數據庫獲取內容並將其輸出到#content div。從數據庫加載內容，然後淡入，使用jQuery

我希望div在默認情況下是不可見的，並且在內容加載後平滑地出現。

我知道這很容易，但對於我的生活，我不記得如何去做。

2012-12-12 Dimitri Vorontzov

jQuery中後淡出，你可以添加

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

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

您還可以使用ready函數中的ajax。這一切都取決於你和你想獲取數據的方式。

來源

2012-12-12 07:19:45

通過AJAX加載的內容...（URL到你對結果的東西）......比你可以reveiving數據

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

來源

2012-12-12 07:18:22 silly

如果你想有一個平穩過渡使用類「隱」與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); 
});

來源

2012-12-12 07:21:53 elclanrs

謝謝你，這是一個偉大的想法，但是我不太清楚他的語法。我從MySQL獲取數據並將其回傳到#content中。你能解釋一下如何將類「hidden」附加到#content上嗎？我不加載一個單獨的PHP文件。 –

所以你不使用AJAX？ – elclanrs

只是最基本的jQuery。 –

從數據庫加載內容，然後淡入，使用jQuery

回答

相關問題