变化要素类，然后再次单击并改回正常

Question

我有以下代码：

for (var i=0; i<len; i++){ 
     var benID = results.rows.item(i).ID; 
     $('#'+element_id).append(
            "<li><a>"+results.rows.item(i).nombres+" "+results.rows.item(i).apellidos+'</a>'+ 
            '<a href="#" data-position-to="window" data-icon="check" class="'+page+'_dis_ben_'+benID+'">Eliminar</a></li>'); 
     $("."+page+"_dis_ben_"+benID).click(function(){ 
      console.log("Item to disable: "+benID); 
      $(this).children('span.ui-btn-inner').children('span.ui-btn-icon-notext').children('span.ui-btn-inner').children('span.ui-icon').removeClass('ui-icon-check'); 
      $(this).children('span.ui-btn-inner').children('span.ui-btn-icon-notext').children('span.ui-btn-inner').children('span.ui-icon').addClass('ui-icon-delete'); 
      $(this).children('span.ui-btn-inner').children('span.ui-btn-icon-notext').children('span.ui-btn-inner').addClass('ui-btn-inner-red'); 
      $(this).removeClass(page+"_dis_ben_"+benID).addClass(page+"_enable_ben_"+benID); 
     }); 

     $("."+page+"_enable_ben_"+benID).click(function(){ 
      //NOT WORKING 
      console.log("Item to enable: "+benID); 
      $(this).children('span.ui-btn-inner').children('span.ui-btn-icon-notext').children('span.ui-btn-inner').children('span.ui-icon').removeClass('ui-icon-delete'); 
      $(this).children('span.ui-btn-inner').children('span.ui-btn-icon-notext').children('span.ui-btn-inner').children('span.ui-icon').addClass('ui-icon-check'); 
      $(this).children('span.ui-btn-inner').children('span.ui-btn-icon-notext').children('span.ui-btn-inner').removeClass('ui-btn-inner-red'); 
      $(this).removeClass(page+"_enable_ben_"+benID).addClass(page+"_dis_ben_"+benID); 
     }); 
} 

我有一个一分为二的列表，右侧是一个按钮，接受或拒绝。我试图做的是点击时的检查按钮改变颜色并变成删除按钮，也执行一个动作。我已经成功了。

现在第二个问题是我想让它回到一个检查按钮，但是因为它是动态创建的，所以当我单击“删除”图标或* _enable_ben_ *时它不会触发。我认为这是因为当我创建事件类/元素还不存在。

你有什么想法吗？

Answer 1

使用。对 http://api.jquery.com/on/

var selector = "."+page+"_enable_ben_"+benID; 

$("#yourList").on("click", selector, function(event){ 
    //Insert handler code 
}); 

Answer 2

发现在注释解决最后的问题就在这里计算器：

jQuery Mobile click events on dynamic list items