jquery点击由ajax生成的span

Question

如何抓住由{a}添加的$(".tag")点击，我尝试使用.live()，.on()和.bind()但是哪里没有结果

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  var content = $("#ad_content").val();
  $.ajax({
    type: "GET",
    url: "tags/check",
    data: {
      content: content
    },
    dataType: "text",
    success: function(tags) {
      var tag, tags_html, _i, _len, _ref;
      if (tags === "[null]") {
        return $(".tags").html("");
      } else {
        tags_html = "";
        _ref = jQuery.parseJSON(tags);
        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
          tag = _ref[_i];
          tags_html += "<span class=\"tag\">" + tag + "<a class=\"websymbol\" href=\"javascript:;\">Î</a></span>";
        }
        $(".tags").html(tags_html);
      }
    }
  });
  $(".tag").on("click", function() {
    alert("123");
  });
});
</script>

<textarea id="ad_content">2222</textarea>
<div class="tags"></div>

Answer 1

试试这个：

$(document).on('click','.tag', function(){
   alert("123");
});

Answer 2

使用.on函数，它将绑定到.tag元素。

看起来应该是

$("parentelement").on('click','.tag', function(){
   //Do something
}