通過JQuery和JavaScript函數提交按鈕所做的更改不會持續

我正嘗試使用document.write（）方法在文檔上編寫一些文本。事情是我想要這個文本寫在那裏當用戶點擊按鈕，並保持在那裏後，用戶完成點擊按鈕。我現在遇到的問題是文本出現一段時間，然後在函數完成執行後消失，這是我不想要的，也不知道如何解決它。通過JQuery和JavaScript函數提交按鈕所做的更改不會持續

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
     <title>Learning JQuery</title> 
     <meta charset="utf-8" /> 
     <script src="jquery.js" type="text/javascript"></script> 
     <script type="script.js"> 
      $(document).ready(function(){ 
       $("input").click(function(){ 
       for(var i = 0; i < 10; i++){ 
        for(var j = 0; j < i; j++){ 
        document.write("*"); 
        } 
        document.write("<br/>"); 
       } 
       //alert("click to continue"); 
       }); 
      }); 
     </script> 
     </head> 
     <body> 
     <p>Body section of the page</p> 
     <form> 
      <input type="submit" value="clickMe" /> 
     </form> 
     </body> 
    </html>

來源

2015-04-05 blackMarket

你不能像這樣使用'document.write（）'。在頁面的HTML初始化完成後，'document.write（）'會重新啓動頁面，並將已經存在的所有內容都刷新。在極少數情況下，這就是你想要的，但不是我懷疑的。 – 2015-04-05 21:49:59

這是什麼你想要的？ http://jsfiddle.net/BloodyKnuckles/a62uc4jw/ – bloodyKnuckles 2015-04-05 21:58:03

使用類似下面，

對身體放一個div。

<div id="my-div"></div>

然後在你的代碼，你可以做到這裏麪點擊

e.preventDefault(); 
    for(var i = 0; i < 10; i++){ 
    for(var j = 0; j < i; j++){ 
     $('#my-div').append("*"); 
    } 
    $('#my-div').append("<br/>"); 
    }

來源

2015-04-05 21:58:31 Sohel

它仍然在做同樣的事情，對瞬間進行更改然後消失。當我嘗試使用javascript更改bgColor時，我遇到了同樣的問題，一旦函數執行完畢，背景會改變一段時間，然後再執行它。 – blackMarket 2015-04-05 22:08:58

add e.preventDefault（）; 之前像M.Doye建議的循環。 – Sohel 2015-04-05 22:13:25

@blackMarket，檢查我的更新答案。（y） – Sohel 2015-04-05 22:17:01

文本「出現了一會兒，然後消失」因爲你的頁面刷新由於type="submit"在你提交按鈕。如果您試圖防止刷新頁面，則可以使用preventDefault()。

 $(document).ready(function(){ 
      $("input").click(function(e){ 
      e.preventDefault(); 
      for(var i = 0; i < 10; i++){ 
       for(var j = 0; j < i; j++){ 
       document.write("*"); 
       } 
       document.write("<br/>"); 
      } 
      //alert("click to continue"); 
      }); 
     });

Here is an Example

或者，你可以比較使用正常的按鈕，如果你實際上並沒有提交表單數據：

<button id="button">Click Me</button>

再火JS的當按鈕點擊：$("#button").click(function(e){ ... });

來源

2015-04-05 22:06:40 Und3rTow

wokay謝謝你的工作.. – blackMarket 2015-04-05 22:38:41

通過JQuery和JavaScript函數提交按鈕所做的更改不會持續

回答

相關問題