javascript - 如何使用Java脚本委托(delegate)，在点击事件中使用每个函数值？

Question

我使用了 JS 委托(delegate)并工作。现在我想使用 JSON success $.click 事件中的每个值？

$(window).load(function() {
  $.ajax({
    url: '<?php echo base_url(); ?>' + 'main/data',
    dataType: "JSON",
    type: "POST",
    success: function(retdata) {
      $.each(retdata, function(i) {
        var content = '<div class="target btn-default">' + retdata[i].content;
        $("#article-data").append(content);
      });
    }
  });
});
//Using event delegate
$(function() {
  //Display dialog box when mouse click
  $("#article-data").on('click', ".target", function() {
    // retdata[i].content;                    
  });
});

<div id="article-data">

</div>

Answer 1

您可以使用 jQuery 保存数据:

$(window).load(function() {
  $.ajax({
    url: '<?php echo base_url(); ?>' + 'main/data',
    dataType: "JSON",
    type: "POST",
    success: function(retdata) {
      $.each(retdata, function(i) {
        var content = $('<div class="target btn-default"/>');
        content.data('retdata', retdata);
        content.html(retdata[i].content);
        content.appendTo($("#article-data"));
      });
    }
  });
});

//Using event delegate
//Display dialog box when mouse click
$("#article-data").on('click', ".target", function() {
    var data = $(this).data('retdata');
    console.log(data);                  
});