進度條取消隱藏和加載問題

我試圖讓一些jQuery的工作（我是新來的）。我試圖在文本框中按下一個鍵然後加載欄時顯示欄。我有棒材補給，但是使它取消隱藏，然後開始加載引起的問題，到目前爲止，我有這樣的：進度條取消隱藏和加載問題

$(document).ready(function() { 

     $('#progressbar').hide(); 

     var progress = setInterval(function() { 
      var $bar = $('#bar'); 

      $('#<%=tb_NarLogSearch.ClientID%>').keyup(function() { 

       $('#progressbar').show(); 
       if ($bar.width() == 400) { 
        clearInterval(progress); 
        $('.progress').removeClass('active'); 
       } else { 
        $bar.width($bar.width() + 40); 
       } 
       $bar.text($bar.width()/4 + "%"); 
      }, 800); 
     })

我不知所措我真的，我讀過，使用KEYUP意味着它不我不需要一個if語句，但是把它完全打破。我遇到的問題是，當按鍵被按下時，酒吧不顯示！有任何想法嗎？

供參考：我可能會嘗試一個AJAX加載欄，因爲我試圖指示SQL查詢的進度，但想嘗試一些不同的東西。

來源

2014-12-19 Mike Hughes

什麼是具體你遇到的問題？ – Pseudonym

這將有所幫助！當一個鍵被按下時，酒吧不顯示！ –

我可能會編輯我的問題以包含該信息！ ;）你也在尋找任何按鍵或特定的按鍵？ – Pseudonym

根據你的意見，我將建議，而不是使用keyup，你可以使用keypress來代替。看起來這將是一個更好的配合和有點更強大的

下面是文檔：

https://api.jquery.com/keypress/

這裏是一個樣本實現

<form> 
    <fieldset> 
    <input id="target" type="text" value="Hello there"> 
    </fieldset> 
</form> 
<div id="other"> 
    Trigger the handler 
</div>

事件處理程序可以綁定到輸入字段：

$("#target").keypress(function() { 
    console.log("Handler for .keypress() called."); 
});

來源

2014-12-19 14:00:40 Pseudonym

輝煌，現在工作 –

很高興我能幫到你 – Pseudonym

進度條取消隱藏和加載問題

回答

相關問題