单击时，JQuery未检测到我的DOM对象[重复]

Question

这个问题已经在这里有了答案 ：

为什么jQuery或诸如getElementById之类的DOM方法找不到元素？ （8个答案）

5年前关闭。

弄清楚这里出了什么问题时遇到了麻烦，想知道是否有人可以帮助我。 我在整个网站上都使用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事件。

我在页面顶部有以下scripts ：

 <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>

而且我的控制台没有任何错误。 那么可能是什么问题呢？ 任何帮助深表感谢。 这也是我的HTML ：

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

Answer 1

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...");
    });
});
});