php - jquery键多次触发

Question

我有这个代码：

$("#search").keydown(function (e) {
    var str = $(this).val();
    alert(str);
    var url = $("#url").val() + "?ajax=true&q=" + str;
    $("#tableWrap").load(url, function () {});
});

#search是用于过滤表中显示的信息的文本框的 ID。当我输入第一个键时，该功能会触发一次。当我在其中键入第二个键时，该功能会触发两次……知道吗？

编辑：所有代码。

 $(document).ready(function(){
             //   $("#search").val("جست و جو...");
                $("#search").live('click', function(){
                    $(this).val("");
                });
                  $("#search").keyup(function (e) {

                       var str = $(this).val();
                       alert(str);
                       var url = $("#url").val() + "?ajax=true&q=" + str;

                       $("#tableWrap").load(url, function(){
                           });


                  });


           /*     $("#search").live('keyup', function(){

                    var str = $(this).val();
                    var url = $("#url").val() + "?ajax=true&q=" + str;
                    $("#tableWrap").load(url, function(){
                       // $("#search").focus().val(str);
                    });

                });*/

                $(".pg_class a").live('click',function(){
                    showLoading();
                    $("#load").fadeIn("slow");
                    loadAJAX(this+"&ajax=true");
                    return false;
                });
                $("#tableWrap th").live('click',function(){
                    showLoading();
                    $("#load").fadeIn("slow");
                    loadAJAX($(this).children("a").attr("href") + "&ajax=true");
                    return false;
                });
                $("#tableWrap th a").live('click',function(){
                    showLoading();
                    $("#load").fadeIn("slow");
                    //alert($(this).attr("href"));
                //  alert("salam");
                    loadAJAX($(this).attr("href") + "&ajax=true");
                    return false;
                });
                $(".header select").live('change',function(){
                    showLoading();
                    $("#load").fadeIn("slow");
                    var pageSize = $('.header select option:selected').text();

                    var url = $('.header select').val();

                //    alert(url+pageSize+"&ajax=true");
                    loadAJAX(url+pageSize+"&ajax=true");
                });
            });
        </script>

Answer 1

为了未来。我解决了这个问题：

  jQuery("#search").one("keyup", function (e) {
                      var str = $(this).val();

                       var url = $("#url").val() + "?ajax=true&q=" + str;

                       $("#tableWrap").load(url, function(){
                           });
                  });