select2
イベントをキャッチしようとしていますが、うまくいかないようなので、何かが足りないに違いありません。
HTML:
<body id="body">
<input type='text' />
<br />
<input type='text' id='e11' />
<br />
<input type='text' />
<br />
<div id='out' />
</body>
JavaScript:
$("#e11").select2({
placeholder: 'select and item',
data: [{id: 0, text: 'story'},{id: 1, text: 'bug'},{id: 2, text: 'task'}]
});
$("#e11")
.on("select2-focus", function(e) { log("select2-focus");})
.on("select2-blur", function(e) { log("select2-blur");})
.on("change", function(e) { log("change");})
.on('focus', function(e) { log('focus');
});
私がキャッチする唯一のイベントは change イベントです。
私は何が欠けていますか?
これが実際の動作を示すフィドルです。