javascript - html jquery 函数对 keydown 事件不起作用?

标签 javascript jquery

我正在尝试在 jquery 中创建自动建议功能(只是实验性的 - jquery noob),我使用 $(el).html 函数来呈现正在提供的数据:

$("#suggestions").addClass("active");
     var words = $(this).val();
     var results = searchData(questions,words);
     $("#suggestions").html(function () {
            _.each(results, function(q, key){
                return "<p>" + q.question + "</p>"; // problem is here
            });
        });

完整的工作代码在这里:http://jsfiddle.net/HSBWt/6/ 我似乎不知道出了什么问题?

最佳答案

问题出在 html 函数内的 each 语句。

我们可以通过使回调函数返回 false 来在特定迭代中中断 $.each() 循环。返回非 false 与 for 循环中的 continue 语句相同;它将立即跳到下一次迭代。
reference

修复以下代码:

var suggestions;
_.each(results, function(q, key){
    suggestions += "<p>" + q.question + "</p>";
});
return suggestions;

demo

关于javascript - html jquery 函数对 keydown 事件不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11957752/

相关文章:

当鼠标快速移动时,jQuery mouseleave 函数不会被触发

javascript - JQuery 的 ajax 函数的包装器。回调已触发,但没有参数

javascript - 防止 contenteditable 在 ENTER 上添加 <div> - Chrome

javascript - 禁用选择标签,并使用 angularjs 和 ng-repeat 从另一个选择标签中选择选项

javascript - 关闭后的mdDialog block 界面

javascript - 如何在文本区域中选择文本行

javascript - Canvas 中的额外边距

javascript - 如何清除 angular.js 中的 cookie

javascript - 重置表并停止表复制

javascript - 获取 .attrs 方法内 d3 中文本节点的宽度