jQuery输入类型文本不触发keyup事件

Question

如标题所示，我正在尝试将 AJAX 添加到我网站上的搜索框，但 keyup 事件未触发。我正在使用这条消息中的函数https://stackoverflow.com/a/17317620/5690756

这是我的代码

<nav id="search" class="search-main">
    <div class="search-trigger"></div>
    <div class="search-general">
        <div class="search-close"></div>
        <input type="text" value="" id="autocomplete" name="s" class="search-input ui-autocomplete-input" placeholder="Arama" autocomplete="off">
        <input type="button" class="search-button">

还有js代码

jQuery(document).ready(function($) {
$("#autocomplate").on('change keyup paste', function() {
    alert("Girdim");
    var lastValue = $("#autocomplate").val();
            jQuery.ajax({
                type : 'post',
                url : helper.ajaxUrl,
                data : {action : 'load_search_results',query : lastValue
                },
                beforeSend: function() {
                    $(this).prop('disabled', true);
                },
                success : function( response ) {
                    $(this).prop('disabled', false);
                    $('#modal_results').html( response );
                }
            });

});
});

警报功能在我的代码中不起作用我不知道如何解决这个问题。

编辑： 我有另一个父元素的功能。它可以阻止输入功能吗？我在开头添加了html代码以便清楚。

$("#search").click(function () {
    if($(this).attr("class")=="search-main"){
        $(this).attr("class","search-main expand");
        $("#autocomplete").attr("placeholder","Lütfen dizi, oyuncu veya tür adı yazın.");
        $("#autocomplete").focus();
    }
    return false;
});

谢谢

Answer 1

您输入错误 autocomplate 它与 id autocomplete 不匹配。