javascript - JQuery 无法绑定(bind)可选择的单击事件

Question

这应该非常简单，但我无法检索点击事件并在 selectable 上触发函数JQuery UI 项目。

<div id="a">
<ol id="selectable-a">
  <li class="a-item">1</li>
  <li class="a-item">2</li>
  <li class="a-item">3</li>
  <li class="a-item">4</li>
</ol>
</div>

Javascript:

$("#selectable-a").selectable();

$("li .a-item").click(function () {
  console.log("Executing command");
});

但是点击事件永远不会被触发。

我已经为此调查过 Google。

• 尝试将 .click( 替换为 .bind('click', 但它不会改变任何内容
• In the jquery forum他们提出了这个问题，有人给出了一个调整内部功能的解决方案，但这对我不起作用(content.data('selectable')始终是未定义的，无论如何)
• 将距离设置为 1(这意味着用户需要将鼠标移动 1 个像素才能触发事件)是一个坏主意。
• This SO question没有任何满意的答案。也就是说，我不仅想获取所选项目上的点击事件，还想获取任何项目上的点击事件。

知道如何解决这个问题吗？

Answer 1

使用$("li.a-item")代替$("li.a-item")

第一个查找具有 a-item 类的 li ；第二个在列表元素内查找具有 a-item 类的元素。