選擇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