Question

我正在努力让一些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查询的进度但想尝试不同的东西。

Answer 1

根据您的评论，我建议您不要使用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." );
});

进度条取消隐藏和加载问题

1 个答案: