javascript - 在 div 内创建可点击的 div

Question

出于某种原因，我无法使这个简单的事情发挥作用:

     for (var i = 0; i < results.length; i++) { 
      var object = results[i];
      $("#recipes_names").append("<div id ="  + "recipe" + i + " >");
      $("#recipes_names").append(object.get('recipe_title'));
      console.log(object);
      console.log(object.id + ' - ' + object.get('recipe_title'));
      $("#recipe1").click(function(e) {
        e.stopPropagation();
        alert("inside click");
    });
    }
  },

我在“recpie_names”div 中创建了名为“recipe0”/“recipe1”等的 div，但我无法让它们可点击。我确信我在这里犯了一些最小的错误，但我就是无法确定下来。你能帮我一下吗？

Answer 1

向附加的 div 添加一个类，而不是根据 id 添加事件，在类选择器上仅添加一个事件并仅在事件上写入:

$("#recipes_names").append("<div class='recipe' id ="  + "recipe" + i + " >");

和:

$(document).on("click",".recipe",function(e) {
        e.stopPropagation();
        alert("inside click");
    });