选择 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 跨度的子级 - 它位于兄弟级 @987654326 @命名为.editable-container。这就是您在 #practice 上的委托事件处理程序无法正常工作的原因。

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

试试这个：

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

Updated fiddle