2013-03-11 97 views
1

我有一個按鈕,單擊時,從另一個頁面獲取內容並將該頁面中的內容放入div。它從內容中獲取內容的頁面具有額外的代碼,可以使文本在顯示後褪色。但是,當它從該頁面獲取內容時,它不會帶來這一部分。有沒有一種方法可以在代碼中,在下面,或從它獲得內容的頁面上,使文本在顯示後淡出?HTML從一個頁面到div與javascript

<script type="text/javascript"> 
$(document).ready(function(){ 
$("input[name=buttonup53]").click(function(){ 
    $.ajax({url:"add.php?r=sbt&l=35&t=53&w=1", success:function(result){ 
    $("div[id=up53]").html(result); 
    }}); 
});}); 
</script> 
<div id="up53"></div> 
<input type="image" name="buttonup53" id="buttonup53" src="button.png" width="25px"></input> 
+1

作爲邊好奇,爲什麼用'格[ID = up53]'而不是'#up53'? – 2013-03-11 16:26:02

+0

使用'div [id = 53]'而不是'#up53'約慢90%(來源:http://jsperf.com/id-equals-vs-id)。如果你關心性能,請停止使用它。 – 2013-03-11 16:30:38

回答

1

如果我明白正確的可以使用的setTimeout的成功回調,使DIV消失。

$.ajax({ 
url:'', 
... 
success:function(result){ 
    $("#up53").html(result); 
    setTimeout(function(){$("#up53").fadeOut('slow');},2000); 
}  
}); 
+1

謝謝。我將'fadeout'改爲'fadeOut'。 – austinhollis 2013-03-11 16:52:31

0

你可以使用jquery的load()方法。 Jquery Load()

$("Div#up53").load("add.php?r=sbt&l=35&t=53&w=1"); 
0

如何:

$("div[id=up53]").html(result).fadeOut(); 
相關問題