jQuery的數據表，按鈕呈現，但被禁用

Question

我有一個數據表：

http://s7.postimg.org/po8prohob/enable_Disable.png

當我點擊「關閉」按鈕，將其更改爲「啓用」，副沃爾舍，但是當你在同一個點擊改變了按鈕，它沒有像第一次點擊那樣的任何動作。

// Attach delete 
$('#saiMdataEnvListTable .delete').on('click', function() { 
    var ans = confirm("Do you want to delete this Environment?"); 
    if(ans==true){ 
     var nRow = $(this).parents('tr')[0]; 
     var target_row = $(this).closest("tr").get(0); // this line did the trick 
      var aPos = oTable.fnGetPosition(target_row); 

       oTable.fnUpdate('T',aPos,1); 
       oTable.fnUpdate('<td class="center"><a href="JavaScript:void()" class="button enable" style="margin:10px;margin-right:30px;">Enable</a></td> ',aPos,6); 


     $.ajax({ 
      url: "deleteEnv.do", 
      data: "env=" + nRow.id + "&flag=" + "T", 
      success: function(response) { 
        oTable.fnDraw(false) 
       toastr.success(response.message); 
      } 
     })    
    } 
}); 

// Attach enable 
$('#saiMdataEnvListTable .enable').on('click', function() { 
    var ans = confirm("Do you want to enable this Environment?"); 
    if(ans==true){ 
     var nRow = $(this).parents('tr')[0]; 
      var target_row = $(this).closest("tr").get(0); 
      var aPos = oTable.fnGetPosition(target_row); 
      oTable.fnUpdate('F',aPos,1); 
      oTable.fnUpdate('<td class="center"><a href="JavaScript:void()" class="button delete" style="margin:10px;margin-right:30px;">Disable</a></td> ',aPos,6); 

     $.ajax({ 
      url: "enableEnv.do", 
      data: "env=" + nRow.id + "&flagt=" + "F", 
      success: function(response) { 
       oTable.fnDraw(false) 
       toastr.success(response.message); 
      } 
     })  
    } 
}); 

謝謝，您的幫助表示讚賞。

Answer 1

看起來你正在創建click click事件中的delete按鈕元素，所以它可能沒有得到它的事件綁定。更改您的事件處理程序看起來像這樣，使用on或delegate，但在文檔級別

$(document).delegate('#saiMdataEnvListTable .delete', 'click', function (event) { 
    // ... 
})