xml ファイルを json オブジェクトに保存し、タイトルをループしてコンテナーに表示し、タイトルをクリックしようとしましたが、何も起こりません。
$(document).ready(function() {
$.get("Titles.xml", function(data, status) {
var jsonObj = $.xml2json(data);
$("#videoListTmpl").tmpl(jsonObj).appendTo("#titlesContainer");
});
$(".videoItem").on('click', function() {
console.log("this is the click");
});
HTML ファイル。
<body>
<div id="container" style="margin-right: auto;margin-left: auto;width:960px;clear:both">
<div style="margin:0 auto;width:260px;float:left;height:400px;overflow:scroll" id="titlesContainer"></div>
<div style="margin:0 auto;width:670px;float:right;" id="titleContainer"></div>
</div>
<script id="videoListTmpl" type="text/x-jquery-tmpl">
{{each Titles}}
<div class="videoItem" style="cursor:pointer">
${titles}
</div>
{{/each}}
</script>
イベントが発生しない理由について何かアドバイスはありますか?