javascript - select jquery onChange 不适用于 X-editable

Question

在 this fiddle ，我正在使用 X-editable 。在相应的 fiddle 中，我无法使以下代码正常工作:

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

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

我哪里出错了？

Answer 1

如果您在可编辑处于事件状态时检查 DOM(即 select 可见)，您将看到 select实际上并不是 #practice 的子项span - 它位于 sibling 中 span命名.editable-container 。这就是为什么您在 #practice 上委托(delegate)事件处理程序的原因不工作。

话虽如此，如果您阅读 X-Editable documentation您可以 Hook 一个事件来直接实现此目的，而无需附加自己的事件 - save .

试试这个:

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

Updated fiddle