得到另一個網頁

我用下面的代碼的高度：得到另一個網頁

$("#galleries").load("letters/index.php"); 
    $(function(){ 
    $('#galleries').hide().fadeIn(1500); 
    });

一切工作正常。我的問題是，我收到了大約8個這樣的腳本，每當我切換div的內容時，它都不會那麼順利，首先，它清除DIV並讓我看到大約0.7秒，之後，它會在一秒鐘內加載所有內容，這真的讓我感到不安。

我想過一個解決方案，我會得到我想要加載的頁面的高度，然後將DIV高度設置爲該高度，然後加載信息。它會起作用嗎？因爲，LOAD函數從div中移除所有內容，它是否也會移除height屬性？

一般，這是我嘗試實現：

//GET TARGET'S HEIGHT 
//SET #galleries TO THAT HEIGHT 
$("#galleries").load("letters/index.php"); 
    $(function(){ 
$('#galleries').hide().fadeIn(1500); 
});

我不知道如何獲得目標的高度和設置。但無論如何，它會起作用嗎？或者也許有人對我有另一種解決方案？

在此先感謝！

來源

2013-01-15 kfirba

你可以有一個CSS修復（我知道這是不是你想要的），但爲了避免內容負載的上升和下降，您可以具有某個值的最小高度。據我所知，爲了得到頁面的高度，它需要被渲染爲 – Razmig

，但是，每頁在im的加載都有不同的高度。它不會解決我的問題，尤其是當某些頁面的高度大約爲400px，並且有些高度爲2000px時 – kfirba

您沒有使用load()的完整回調，該回調允許您在加載內容後運行代碼。

嘗試是這樣的：

$(function(){ /* hide first, then load*/ $('#galleries').hide().load("letters/index.php", function(){ /* new content now exists*/ $(this).slideDown()/* or fadeIn() or any other effect*/ }); });

SlideDown不依賴於整體的高度，以便能順利移到它的下方含量降至

來源

2013-01-15 08:42:04 charlietfl

謝謝！你的代碼完美無缺！但是隻有1個問題，它開始向下滑動div，它滑動約50px，然後，它在一秒鐘內下降，它只顯示所有的內容>。<我如何進行滑動事件加載整個div與幻燈片下來？ – kfirba

@ charlietfl的代碼工作正常，也許你有CSS問題 – Razmig

確保你所有的html都是有效的，並確保頁面有有效的文檔類型，並沒有運行在怪癖模式。另外..這是一張桌子？ – charlietfl

得到另一個網頁

回答

相關問題