select jquery onChange 不适用于 X-editable

Question

在this fiddle, I'm using X-editable。 在相应的 fiddle 中，我无法使以下代码正常工作：

$('#practice').on('change', function() {
  alert(this.value);
});

• 我已经在使用 anonymous function
• 我没有使用
• 我正在使用
• 我正在使用 select
• 控制台不会抛出任何错误。

我哪里错了？

Answer 1

如果在可编辑处于活动状态时检查 DOM（即 select 可见），您会发现 select 实际上不是 #practice span - 它位于名为 .editable-container 的同级 span 中。这就是 #practice 上的委派事件处理程序无法正常工作的原因。

话虽这么说，如果您阅读 X-Editable documentation 有一个事件，您可以挂钩以直接实现此目的，而无需附加您自己的事件 - save。

试试这个：

$('#practice').on('save', function(e, params) {
    alert(params.newValue);
});

Updated fiddle