onclick方法不起作用

我將綁定點擊事件綁定到動態創建的元素。這是我的動態元素創建方法。onclick方法不起作用

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.on('click',function(){ 
      showToolTip(); 
     }); 

     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); 
    } 
});

這是點擊事件功能！

function showToolTip(){ 
    $newDiv = $('<div></div>'); 
    $newDiv.css("display", "none"); 
    $newDiv.addClass('tooltip'); 
    $newDiv.append('adfhadfhadfhadfh') 
    $newDiv.appendTo("body"); 
    $newDiv.fadeIn().css(({ left: e.pageX, top: e.pageY })); 
}

我用螢火蟲調試點，但它不會從點擊功能中斷！我綁定點擊事件的方式是錯誤的！與此

clone.on('click',function(){

：

來源

2013-06-03 Imesh Chandrasiri

凡'$ newDiv'分配？ – andyb

如果您單擊事件處理程序添加到'#item-list-section'元素的for循環之外，它將在以下內容中動態創建元素：

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

在這裏，您可以用克隆的元素類型或任何標識類來代替element，正如您通常那樣。如果克隆的因素是<div class="myDiv">，例如，你可以使用'div'或'.myDiv'等

例如，如果你的標記結束了是這樣的：

<div id="item-list-section"> 
    <div class="myClonedElement"></div> 
    <div class="myClonedElement"></div> 
    <div class="myClonedElement"></div> 
</div>

你可以單擊事件綁定到使用克隆的元素容器：

$('#item-list-section').on('click', '.myClonedElement', function() { 
    showTooltip(); 
});

這樣，您就無需再創建一個新的單擊事件處理程序對每個克隆元素。你有一個迎合所有人。

JSFiddle example。

來源

2013-06-03 08:41:17

替換代碼

$(document).on('click', '#' + result.items[i].itemId, function(){

參考：Understanding Event Delegation

來源

2013-06-03 08:40:11

您可能需要''＃'+ result.items [i] .itemId'。 –

是否確定原始對象沒有已經定義的點擊回調？

嘗試：

clone.unbind("click");

之前設置你的回調

來源

2013-06-03 08:43:39

onclick方法不起作用

回答

相關問題