选择jquery onChange不能使用X-editable

Question

在this fiddle中，我使用X-editable。 在相应的小提琴中，我无法使下面的代码工作：

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

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

我哪里错了？

Answer 1

如果您在可编辑处于活动状态时检查DOM（即select可见），您会看到select实际上并不是#practice范围的子项 - 它位于名为span的兄弟.editable-container中。这就是#practice上的委托事件处理程序无效的原因。

话虽如此，如果您阅读X-Editable documentation，您可以直接实现此事件，而无需附加自己的活动 - save。

试试这个：

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

Updated fiddle