jqueryを選択してください。X編集で作業していません

Question

this fiddleには、X-editableを使用しています。 対応フィドルでは、私は以下のコードの作業をすることができませんよ。

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

• 私はすでに私がthisを使用していinvalid expressions
• を使用していないanonymous function
• を使用しています
• 私は使用していますselect
• コンソールには何らかのエラーが発生していません。

どこが間違っていますか？

Answer 1

編集可能がアクティブなとき、あなたはDOMを調べる場合は、selectが実際に#practiceスパンの子ではないことがわかります（つまりselectが表示されます。） - それは、兄弟.editable-containerという名前spanにあります。このため、#practiceの代理イベントハンドラが機能しないのはこのためです。

つまり、X-Editable documentationを読むと、あなた自身のイベントを添付しなくても、直接このイベントを達成することができます。save。

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

Updated fiddle