Question

我遇到了Jquery的问题。我有一个xml文件，用于加载视频信息列表。在XML中的每个元素上，我需要使用jquery（fadetoggle等）查看效果。

问题是它不起作用，我给你看了代码

    <script type="text/javascript">

$(document).ready(function(){
    $.ajax({ type:"GET", url:"menu.xml", dataType:"xml",
        success: function(xml){
            $(xml).find("food").each(function(){
                var nome = $(this).find('nome').text();
        var ingredienti = $(this).find('ingredienti').text();

                $("#listapizza").append("<li class=\"list\"><a class=\"acla\" href=\"#\">"+nome+"</a> <div class=\"divHide\" style=\"display:none\">("+ingredienti+")</div></li>");
                });
            },
             error: function(request, error, tipo_errore) { alert(error+': '+ tipo_errore); }
        });

        $(".acla").click(function(){
            $(this).next().fadeToggle(1500);
        });
    });

</script>

这是列表的容器

    <ul id="listapizza">
                    </ul>

我无法理解为什么它不起作用

TNX

Answer 1

使用事件委托，因为它是动态附加的。

$("#listapizza").on("click", ".acla", function(){
    $(this).next().fadeToggle(1500);
});

对动态标记创建的jquery的影响

1 个答案: