如何确保javascript函数可以在多个调用中使用？

Question

我具有基本的搜索功能，可以在其中输入搜索查询的字段中显示建议结果的下拉列表。 我可以单击任何建议的结果，并且该记录的值（存储在MySQL数据库中）已按预期插入字段中。 但是，如果我尝试在首次运行脚本后立即执行相同的操作，则它将不起作用。 但是，如果我重新加载页面，那么它将再次起作用。 换句话说，除非我重新加载页面，否则它将在我第一次运行脚本时起作用，但不适用于随后的脚本运行。 就像通过运行脚本一样，它在第一次运行后会自动“关闭”，而不是让我再次运行该脚本。 有任何想法吗？ 这是代码：

<script>
$(function(){ 
    var index = -1;
    $('#myID').keyup(function(e){
        if (e.keyCode == 38){ 
            index = (index == 0) ? 0 : index - 1;
            $('tr.myRow').removeClass('gray');
            $('tr.myRow:eq(' + index + ')').addClass('gray');
            return false;
        }
        else if (e.keyCode == 40){ 
            index = (index + 1 >= $('tr.myRow').length) ? $('tr.myRow').length - 1 : index + 1;
            $('tr.myRow').removeClass('gray');
            $('tr.myRow:eq(' + index + ')').addClass('gray');
            return false;
        }
        else
        {
            var str = $('#myID').val();
            mySearch(str);
        }
        index = -1;
    }); 
});
</script>

<script>
$(function(){
    $('#myID').keydown(function(e){
        if (e.keyCode == 13){
            var functionName = $('#pageSearch1 > tbody > tr.gray').attr("onclick");
            setTimeout(functionName, 0)
            $('#pageSearch').css({'visibility': 'hidden'});
            return false;
        }
    });
 });
</script>

“ onClick”属性是以下脚本：

function insertPageIDIntoHiddenField(pageID,pageName)
{
    $('tr#eventPageID td#loc input#locationID').val(pageID);
    $('tr#eventPageID td#loc input#myID').replaceWith('<input id="myID" class="event_form_long" type="text" name="location" value="'+pageName+'" autocomplete="off" />');
    $('tr#eventPageID td#loc input#myID').text(pageName);
    $('#pageSearch').replaceWith('<div id="pageSearch"></div>');
}

Answer 1

我已经使用了jQuery的自动完成功能来实现按键建议，我希望这可以帮助你

$('#txtSearchText').autocomplete({
source: function(request, response) {
$.ajax({
url: SearchPath + "SearchWebService.asmx/GetUserList",
data: JSON2.stringify({ userName: $('#txtSearchText').val()}),
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function(data) { return data; },
success: function(data) {
response($.map(data.d, function(item) {
return {
value:item.UserName
}
}))
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
},
minLength: 1
});