0

我正在使用 Ajax 请求创建元素。我想将一个函数绑定到每个元素以在其单击事件中运行。我怎样才能做到这一点？这是我生成元素的代码。

ajaxCall("/getItems","POST",data,function(result){
  var element = $('.item').first();
  $('#item-list-section').empty();
  for(var i = 0; i < result.items.length; i++){
    var clone = element.clone();
    clone.attr("id", result.items[i].itemId);
    clone.find('.item-price').html("<h4>25</h4>");
    if(result.items[i].itemName.length > 20){
      clone.find('.item-name').css('overflow','hidden');
      clone.attr('title', result.items[i].itemName )
    }
    clone.find('.item-name').html("<h4>"+ result.items[i].itemName + "</h4>");
    //clone.mousedown(onItemClick(clone));
    clone.draggable({
      revert : false,
      zIndex: 1,
      containment: "window",
      opacity: 0.5,
      cursor: "move",
      helper: function() { return $(this).clone().appendTo('body').show(); }
    });
    $('#item-list-section').append(clone);
  }
});
4

6 回答 6

2

需要使用事件委托，它使用事件冒泡的概念将事件附加到元素......

$(staticContainer).on("click", element , function(event){
  // Code here
});

staticContainer -- 始终存在于 DOM 中的元素。它越接近动态创建的元素越好。

element- 要附加事件的动态创建的实体

于 2013-06-03T06:40:15.940 回答
0 
$(clone).on("click", function(event){
  alert($(this).attr('id'));
});

检查它以了解它是否会提醒 id。

于 2013-06-03T06:34:46.840 回答
0

在每个元素循环中

$(clone).each(function(index, value) { 
$(value).on("click", function(event){
  alert($(this).text());
});
}
于 2013-06-03T06:35:17.920 回答
0 
$(clone).bind("click",function(event){
// your code
});

请试试这个。

于 2013-06-03T06:35:45.750 回答
0 
$(document).on("click",value, function(event){
  alert($(this).text());
});
于 2013-06-03T06:35:52.260 回答
0

一种解决方案是使用事件委托的.on()方法：

$('#item-list-section').on('click', '.item', function () {
    // do something
});

另一种解决方案是使用事件克隆您的元素，只需传递true给您的.clone()方法：

var clone = element.clone(true);
  • 请注意，如果您var element = $('.item').first();在页面上是静态的，这将起作用。

参考：

于 2013-06-03T06:46:39.510 回答