div內容在顯示後消失

我開始在我的web應用程序中編寫聊天功能。我想要的是用戶點擊發送按鈕後，他們發短信的內容將立即顯示在聊天div中。div內容在顯示後消失

我使用jQuery來執行此功能，但是，我發現顯示內容後，它立即消失。我錯過了什麼？

<script type="text/javascript"> 
    function Send() { 

     var original = $('#contentDIV').html(); 
     var text = $("[id$='TextBox1']").val(); 
     $('#contentDIV').html(original + "<br />" + text); 
    } 
</script> 


<div id="contentDIV" style="height:400px;overflow:auto"> 

</div> 

<input name="TextBox1" type="text" id="TextBox1" style="width:400px;" /> 


<input type="button" name="Button1" value="Button" onclick="Send();__doPostBack('Button1','')" id="Button1" />

來源

2011-08-17 Steven Zack

請不要發表您的.NET代碼，發佈您的代碼的輸出（HTML） –

同意，並最好在http://jsfiddle.net/ –

這似乎是工作。我讓JS不受阻礙。

http://jsfiddle.net/eTRRP/

$("#chat").click(function() { 
    Send(); 
}); 

function Send() { 
    var text = $("#TextBox1").val(); 
    $('#contentDIV').append(text + "<br />"); 
} 
<div id="contentDIV" style="height:400px;overflow:auto"> 
</div> 

<input name="TextBox1" type="text" id="TextBox1" style="width:400px;" /> 
<input type="button" name="Button1" value="Button" id="chat" />

聽起來好像，但是，你有一個問題，你的ASP幫助:)

來源

2011-08-17 20:19:06 Nic

var original = $（'＃contentDIV'）。html（）;應該做的伎倆，但你也可以使用附加：

$('#contentDIV').append("<br />" + text);

來源

2011-08-17 20:10:46 Johni

仍然消失 –

應該

var original = $('#contentDIV').html(); 
    var text = $("[id$='TextBox1']").val(); 
    $('#contentDIV').html(original + "<br />" + text);

或

var text = $("[id$='TextBox1']").val(); 
    $('#contentDIV').append("<br />" + text);

來源

2011-08-17 20:16:08 Baz1nga

我想，JS功能不是關鍵問題。沒有運氣:( –

頁面重新加載，我不知道爲什麼。因爲我設置按鈕UseSubmitBehavior是假的 –

好吧，我用html按鈕替換按鈕後，它的工作。謝謝你 –

你__doPostBack('Button1','')功能可能會刷新，所以你失去所有客戶端的更改頁你剛剛製造。

來源

2011-08-17 20:22:31

div內容在顯示後消失

回答

相關問題