Javascript 单击时不触发脚本的追加列表项

我正在处理一个页面，该页面从填充HTML

无序列表的
XML文件
加载数据。一个
无序列表
用于创建上教程中的图库。不幸的是，创建的缩略图不会触发创建扩展预览的javascript

当用户单击
无序列表中的锚点时，应激活javascript

任何关于如何解决这个问题的建议都是非常好的

代码

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            type: "GET",
            url: "data.xml",
            dataType: "xml",
            success: xmlParser
        });
    });

    function xmlParser(xml) {
        $('#load').fadeOut();
        $(xml).find("painting").each(function () {
            $("ul#og-grid").append('<li> <a href="http://google.com/" data-largesrc="images/' + $(this).find("image").text() + '"   data-title="' + $(this).find("title").text() + '" ' + '<>' + '<img src="images/thumbs/' + $(this).find("image").text() + '"  alt="img01"/> </a> <li> ');
            $(".painting").fadeIn(1000);
        });
    }
</script>


$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“data.xml”，
数据类型：“xml”，
成功：xmlParser
});
});
函数xmlParser（xml）{
$（“#加载”）.fadeOut（）；
$（xml）.查找（“绘制”）.each（函数（）{
$（“ul#og grid”）.append（“
”）；
$（“.painting”）.fadeIn（1000）；
});
}
将此行用于单击事件

$(document).on('click', 'element-selector', function () {
   // Do Stuff Here
});

您可以为此使用以下JS代码

$(document).on('click', 'ul#og-grid li', function () {
   // Do Stuff Here
});

您需要附加单击事件。您可以在填充li或之后执行此操作。我会做下面的事情

$(xml).find("painting").each(function () {
    $('<li> <a href="http://google.com/" data-largesrc="images/' + $(this).find("image").text() + '"   data-title="' + $(this).find("title").text() + '" ' + '<>' + '<img src="images/thumbs/' + $(this).find("image").text() + '"  alt="img01"/> </a> <li> ')
        .click(yourClickFunction)
        .appendTo('ul#og-grid');
    $(".painting").fadeIn(1000);
});

$（xml）.查找（“绘制”）.每个（函数（）{
$（“
”）
.单击（您的单击功能）
.appendTo（'ul#og grid'）；
$（“.painting”）.fadeIn（1000）；
});

不要忘记更改您的点击功能。
希望对您有所帮助。
应该
.find（“painting”）
是
.find（'.painting'）
？“painting”正在搜索xml文件