在jQuery中延遲的文本文本

我有以下代碼，其中用戶單擊按鈕並在後臺運行可執行文件。一旦可執行文件完成，它就進入一個新頁面。加載新頁面需要幾秒鐘，我想向用戶顯示一個小動畫。在jQuery中延遲的文本文本

此刻，我可以將按鈕的文本從執行更改爲正在加載...一旦用戶點擊按鈕。

我怎樣才能從加載... - >加載.. - >加載動畫或循環文本。直到新的頁面加載？我只是想讓這些時期動起來。

這方面的任何資源都很有用。

$(document).ready(function() { 
    $('#loading').on('click', function() { 
    $(this).button('loading').delay() 
    }); 
});

<form class="navbar-form navbar-left" method='POST' action='App/Address'>{% csrf_token %} 
    <div class="form-group"> 
    <input type='submit' class="btn-lg btn-danger" value='Execute' name='action' {% if read %} disabled {% endif %} id="loading" data-loading-text="Loading..." autocomplete="off" /> 
    </div> 
</form>

來源

2016-08-22 JC203

沒有搜索可以找到？ https://www.google.com/search?q=django%20loading http://stackoverflow.com/questions/8317219/django-show-loading-message-during-long-processing – mplungjan

我一直在尋找和不能讓它工作。一個例子是這個http://codepen.io/jmalatia/pen/HkmaA，其中一個簡單的微調器被添加到按鈕，但它看起來像Bootstrap 3沒有它。 – JC203

試試這個：

// button state 
$('#loading') 
    .click(function() { 
     var btn = $(this) 
     btn.button('loading...') 
     setTimeout(function() { 
      btn.button('reset') 
     }, 3000) 
    });

我不知道如何在3個狀態切換就像你提出要求，但（加載，加載..和載入中...。）我希望它有幫助。

來源

2016-08-22 13:27:10

謝謝你這個例子。不幸的是我無法讓它工作。我嘗試了Ladda UI，但由於標籤，它似乎不適用於輸入。我最終做的是在用戶點擊執行後顯示一個旋轉按鈕。當頁面加載時，我用CSS隱藏了按鈕，然後在點擊按鈕後顯示它。 – JC203

在jQuery中延遲的文本文本

回答

相關問題