Javascript .each（）未启动单击处理程序

我试图使用jquery在ul中迭代li的方法。除了单击函数之外，每个方法都没有被启动

基本HTML

我的想法是，使用productLoad为state.greens中的每个对象添加一个li，然后使用.each启动一个函数，该函数引用每个li在state.greens中的对应位置，以显示有关它的信息

但是，当我单击li时，什么也没有发生，并且控制台中没有对应于该函数的错误消息，因此我认为没有调用click处理程序

您可以在此页面上看到我的工作示例：

向下滚动至显示点击产品进入详细信息页面的位置，您将看到ul，其中每个样式化的li代表州内的每个产品。绿色。

尝试以下方法：

$(".list-inline").on("click", ">li", function(){
    display.arrange($(this).index());
});

试试这个：

$(".list-inline").on("click", ">li", function(){
    display.arrange($(this).index());
});

查看HTML代码时，CSS选择器是错误的。考虑到>用于获取即时的孩子，然后您的CSS应该开始选择UL标签，以便得到所有的LI儿童

。 更改：

$(".product-list > li")....

作者：

查看HTML代码时，CSS选择器是错误的。考虑到>用于获取即时的孩子，然后您的CSS应该开始选择UL标签，以便得到所有的LI儿童

。 更改：

$(".product-list > li")....

作者：

---

我相信这是因为您正在创建ie，使用jQuery附加您的s。也就是说，当页面加载时，它们不在初始DOM中。因此，您需要使用来委派单击事件。我也不确定我是否完全理解您试图实现的目标，但我不认为这需要一个。每个…您都应该能够做到以下几点，并使用此功能：

尝试从以下位置关闭jQuery：

$(".product-list > li").each(function(index) {
    $(this).click(function() {
        display.arrange(index);
    })
});

为此：

$(".product-list").on("click", "li", function(index) {
    // Run functions, mo' jQuery, etc.
});

---

这样你就可以点击注册了。从这里开始，您在.onclick中运行什么取决于您。

我相信这是因为您正在创建ie，使用jQuery附加您的。也就是说，当页面加载时，它们不在初始DOM中。因此，您需要使用来委派单击事件。我也不确定我是否完全理解您试图实现的目标，但我不认为这需要一个。每个…您都应该能够做到以下几点，并使用此功能：

尝试从以下位置关闭jQuery：

$(".product-list > li").each(function(index) {
    $(this).click(function() {
        display.arrange(index);
    })
});

为此：

$(".product-list").on("click", "li", function(index) {
    // Run functions, mo' jQuery, etc.
});

---

这样你就可以点击注册了。从这里开始，在.onclick中运行什么取决于您。

选择所有直接子元素，但您的元素不是.product list的直接子元素。@showdev-您是对的。我在实际的ul中添加了一个类，并将jquery对象更改为ul class>li。eachfunctionindex……它运行得很好。如果您将此转化为实际答案，我将向上投票并结束问题。选择所有直接子元素，但您的元素不是.product list的直接子元素。@showdev-您是对的。我在实际的ul中添加了一个类，并将jquery对象更改为ul class>li。eachfunctionindex……它运行得很好。如果你把这变成一个实际的答案，我会投票结束这个问题。是的。。。我也这么认为…：稍微解释一下问题和你的解决方案会有帮助的。是的。。。我也这么认为…：稍微解释一下问题和你的解决方案会很有帮助。