javascript - 对象 # 没有方法 'bind'

Question

我正在尝试动态遍历列表并将每个“li”元素与 dblclick 事件绑定(bind)。

我想要的是能够执行如下操作:

var sorttList = document.getElementById("list1");
for (var k = 0; k < sorttList.childNodes.length; ++k) {
    sorttList.childNodes[k].bind('dblclick', function() {
        //some event
    });
}

当我尝试这样做时，出现错误“未捕获类型错误:对象 #HTMLLIElement 没有方法‘绑定(bind)’”

这个任务的合适语法是什么？

Answer 1

bind() 不是 vanilla JavaScript 的一部分。您的意图可能是使用属于 jQuery library 的 bind() 函数.

如果您不使用 jQuery，则需要获取它，然后更新您的代码以使用 jQuery 选择器并传递 jQuery 对象。

如果您已经在页面中包含 jQuery，那么您需要确保在 jQuery 对象上调用 bind()。变化:

sorttList.childNodes[k].bind('dblclick', function() {

到

$(sorttList.childNodes[k]).bind('dblclick', function() {

这不是一个完美的解决方案，但希望这将演示 $() 在使用 jQuery 时如何返回 jQuery 对象，而不是标准的 HTML 元素 JavaScript 对象. bind() 方法存在于 jQuery 对象上，但不存在于您正在使用的标准 DOM 对象上。