Javascript Jquery keyup事件未触发

我正在尝试使用JQuery在页面的搜索字段中创建处理

keyup

事件。事件没有被触发，但是，我在控制台中没有看到任何内容

相关Javascript 搜索字段

🔍

jQuery事件正在为我触发，并且运行良好。如果这是你想要的P

---

我认为这是JQuery版本的问题；低于1.7.0.on（）功能不存在 您可以尝试这个工作片段

$（'input[type=search]'）。键控（函数（）{
var query=$（this.val（）.toLowerCase（）；
console.log（查询）；
$（'li.file'）。每个（函数（索引，元素）{
变量名称=$（元素）.text（）.toLowerCase（）；
if（name.indexOf（查询）>=0）{
$（this.removeClass（'hidden'）；
}否则{
$（this.addClass（'hidden'）；
}
});
});
我检查了我这边的样品，全部运行查找。尝试用以下内容替换代码：

  $(function(){
    $('input[type=search]').keyup(function () {
        var query = $(this).val().toLowerCase();
        console.log(query);
        $('li.file').each(function (index, element) {
            var name = $(element).text().toLowerCase();
            if (name.indexOf(query) >= 0) {
                $(this).removeClass('hidden');
            } else {
                $(this).addClass('hidden');
            }
        });
    });
    });

确保在DOM就绪时调用您的函数
您的脚本在控制台中有错误吗？@jeremy denis控制台中没有打印任何内容OK如何在特定的js中创建脚本？（你是否正确地包含js？）直接在页面上的脚本标签中？@jeremy denis脚本在页面底部内联。好的，请检查它是否确实是未引发的事件。您可以尝试向输入中添加一个id，并尝试通过类似$（“#youris”）的方式添加keyup句柄。keyup（函数（））您发布的代码没有问题。您是否包括jQuery文件？是的，上面所有其他使用jQuery的代码都很好。我使用的jQuery版本是2.2.3谢谢
<li>
    <div class="input-group">
        <span class="input-group-addon" id="basic-addon1">&#128269;</span>
        <input type="search" class="form-control" placeholder="Search" aria-describedby="basic-addon1">
    </div>
</li>

  $(function(){
    $('input[type=search]').keyup(function () {
        var query = $(this).val().toLowerCase();
        console.log(query);
        $('li.file').each(function (index, element) {
            var name = $(element).text().toLowerCase();
            if (name.indexOf(query) >= 0) {
                $(this).removeClass('hidden');
            } else {
                $(this).addClass('hidden');
            }
        });
    });
    });