阿賈克斯成功位移的div

在HTML文件中我有這樣的：

<div id="datos98" style="display:none;"> 
</div> 
<div id="datos99" style="display:none;"> 
</div> 
<div id="usuario"> 
    <table id="rowed2"></table> 
    <div id="prowed2"></div> 
</div> 
<script src="rowedex2.js" type="text/javascript"> </script>

在我的js文件的某些時候，我有一個這樣的AJAX功能：

$.ajax({ 
    type: 'POST', 
    url : 'server2.php', 
    data: &ciudadh=juan&corporacionh=&radicado=&ultima=&anotaciones=&oper=addf&id='+allRows+'', 

    beforeSend: function(){ 
     $('#mensaje5').show().html('<br><br><h2>Por favor espere....<br><img src="c.gif" width="100" height="100" alt="cargando" border="0">'); 
    }, 

    success: function (data){ 
     $('#datos99').html(data); 
    }, 

    complete: function(){ 
     $('#datos99').show(); 
    } 
});

功能是很好，但是當這個功能有成功的數據加載在這個

<div id="datos99" style="display:none;"> 
</div>

但數據是太長了，所以我需要的是這個div底部取代其他的div（以下datos99股利）。所以可以讀取所有的信息（數據ajax加載和它以前停留在這裏的數據）。

在此先感謝您的幫助。

來源

2013-02-16 JuanFernandoz

我不認爲你已經提供了足夠的信息來查明問題。 Div通常會擴展以適應其內容。你爲你的div定義了什麼樣的風格？任何東西都是絕對的固定的？有沒有固定的或最大的高度？他們怎麼不取代？它們重疊嗎？ div是否更大？內容是否隱藏？滾動條是否出現？ – 2013-02-16 07:47:41

像帕特里克說，一旦數據已經加載到你的div應該已經自動擴展到適合內容，從而取代其下的其他元素。 – 2013-02-16 07:51:53

正如帕特里克和凱斯說，感謝您的意見，看看分區 – 2013-02-16 07:53:13

與此

$.ajax({ 
type: 'POST', 
url : 'server2.php', 
data: 'ciudadh=juan&corporacionh=&radicado=&ultima=&anotaciones=&oper=addf&id='+allRows, 

beforeSend: function(){ 
    $('#mensaje5').show().html('<br><br><h2>Por favor espere....<br><img src="c.gif" width="100" height="100" alt="cargando" border="0">'); 
}, 

success: function (data){ 
    $('#datos99').html(data); 
} 
}).complete(function(){ 
    $('#datos99').show(); 
});

，或者這個更改代碼：

$.ajax({ 
type: 'POST', 
url : 'server2.php', 
data: 'ciudadh=juan&corporacionh=&radicado=&ultima=&anotaciones=&oper=addf&id='+allRows, 

beforeSend: function(){ 
    $('#mensaje5').show().html('<br><br><h2>Por favor espere....<br><img src="c.gif" width="100" height="100" alt="cargando" border="0">'); 
}, 

success: function (data){ 
    $('#datos99').html(data); 
    $('#datos99').show(); 
}, 
});

來源

2013-02-16 08:14:40

您的問題沒有說清楚，但我會在它採取刺傷。如果我理解你的問題，我認爲你的問題與你分配<div id="datos99">的固定高度爲900px的事實有關。因此，當它使用從ajax調用返回的數據進行填充時，它會破壞您的佈局。發生這種情況是因爲返回的數據太大而不適合div。

您可以通過將overflow: auto添加到您的CSS爲<div id="datos99">來解決此問題。這將使你的Ajax的數據，以適應很好地在div，如果數據比你div的高度更大提供滾動條

CSS：

#datos99 { 
    position: absolute; 
    top: 320px; 
    left: 25px; 
    width: 674px; 
    padding: 50px; 
    height: 900px; 
    overflow: auto; 
}

PS您應該編輯您的問題，並提供更多信息。它會幫助我們更好地回答你的問題。我也會調整你的問題，並更清楚地說明你的問題。

來源

2013-02-16 08:20:20 Tuan

阿賈克斯成功位移的div

回答

相關問題