选择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跨度的孩子 - 这是在一个名为.editable-container兄弟span。这就是为什么您在#practice上委派的事件处理程序不起作用。

这就是说，如果你阅读X-Editable documentation有一个事件，你可以直接实现这个事件，而不需要附加你自己的事件 - save。

试试这个：

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

Updated fiddle