0

我将一个 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>

关于为什么事件没有触发的任何建议？

4

1 回答 1

2

试一下代表..

 $(document).on('click',".videoItem", function() {
    console.log("this is the click");
});

或将其委托给文档中存在的最接近的父元素...

$("#titlesContainer").on('click',".videoItem", function() {
     console.log("this is the click");
});

如果您想了解有关活动的更多信息，请通过链接

于 2013-03-11T11:08:03.713 回答