Javascript JQuery在单击时未检测到我的DOM对象

我有点不知道这里到底出了什么问题，想知道是否有人能帮我解决。我在整个网站上使用

JQuery

，但由于某些原因，在这个特定页面上，它似乎不起作用

此代码如下：

$("#keyword").autocomplete({                        
    source:'../../pages/ajax/autocomplete/autocomplete_tags.php',
    dataType: 'json',
    minLength:1
});

//When you hit the search button load the new tags
$("#srchBtn").click(function(e){
    e.preventDefault();
    var tag_name = $('#keyword').val();
    $(".dashboardtable").load('../../pages/ajax/autocomplete/search_tags.php', {tag_name: tag_name },function(response, status, xhr){
            $(".dashboardtable").html(response);
            $("#keyword").val("");
            $("#keyword").attr("placeholder", "Search Tags...");
    });
});

当用户开始键入时，它开始从数据库中提取建议，当用户单击搜索按钮时，它使用

AJAX

将结果加载到div中。我注意到它不起作用，我决定尝试一个简单的测试：

$('#srchBtn').click(function(){
    console.log('hit');
})

但控制台里什么也没有出现。然后我试着

console.log（$（'srchBtn'）

而且它似乎确实获得了对我的dom对象的引用，只是出于某种原因它没有触发click事件

我在页面顶部有以下

脚本

：

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> 
 <script src="../scripts/auto-complete/tag_list_search.js"></script>

---

console.log（'srchBtn'）

只记录字符串

#srchBtn

。它不获取对元素的引用。你所有的代码都包括在页面顶部了吗？那是我的错别字，我已经更新了这个问题。是的

<input type="text" id="keyword" placeholder="Search Tags..." size="33"/>
<input type="button" class="" id="srchBtn" value="Search"/>

Please wrap the code in jquery ready function...(in case this is not done)

$(function(){ // jquery ready function
$("#keyword").autocomplete({                        
    source:'../../pages/ajax/autocomplete/autocomplete_tags.php',
    dataType: 'json',
    minLength:1
});

//When you hit the search button load the new tags
$("#srchBtn").click(function(e){
    e.preventDefault();
    var tag_name = $('#keyword').val();
    $(".dashboardtable").load('../../pages/ajax/autocomplete/search_tags.php', {tag_name: tag_name },function(response, status, xhr){
            $(".dashboardtable").html(response);
            $("#keyword").val("");
            $("#keyword").attr("placeholder", "Search Tags...");
    });
});
});