select 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