綁定「上動態」數據的模式上點擊

Question

我有以下的代碼，獲取的數據和在飛行中的表格填充：

$.ajax({ 
     method: "GET", 
     url: "/portal/management/fees/" + source_id, 
     success: function() { 
      $.getJSON('/portal/management/fees/' + source_id, function(data) { 
       var table='<table><thead> <tr> <th>Limit</th> <th>Amount</th> <th>Description</th> <th></th> </tr> </thead>'; 
       /* loop over each object in the array to create rows*/ 
       $.each(data, function(index, item){ 
        /* add to html string started above*/ 
        table+='<tr>' + 
           '<td>' +item.limit +'</td>' + 
           '<td>' +item.amount +'</td>' + 
           '<td>' +item.description + '</td>' + 
           '<td><button class="btn btn-xs btn-default btn-action edit-btn"'+ 
            'id="editBtn"'+ 
            'data-fee-id="'+ item.id+'"'+ 
            'data-fee-amount="'+item.amount+'"'+ 
            'data-fee-limit="'+item.limit+'"'+ 
            'data-fee-description="'+item.decription+'"'+ 
            'data-fee-type="'+item.type+'"'+ 
            'data-fee-vat="'+item.vat+'"'+ 
            'data-toggle="modal"'+ 
            'data-target="#feeModal">'+ 
            '<i class="fa fa-edit"></i>'+ 
            '</button>' + 
           '</td>' + 
          '</tr>'; 
       }); 

       $("#source-table").html(table); 
      }); 
     }, 
     error: function() { 
      console.log('Error occurred! ' + msg.responseText); 
     } 
    }); 

但是我有一個打開按鈕在一個模式，我需要得到的數據爲每一個傳球給每個記錄的個人情態動詞。自定義屬性似乎並不奏效，並有我有下面的代碼，我試過，但無濟於事。

$(".edit-btn").click(function() { 

    var fee_id = $(this).attr('data-fee-id'); 
    var amount = $(this).attr('data-fee-amount'); 
    var limit = $(this).attr('data-fee-limit'); 
    var desc = $(this).attr('data-fee-description'); 
    var type = $(this).attr('data-fee-type'); 
    var vat = $(this).attr('data-fee-vat'); 

    $('#feeId').val(fee_id); 
    $('#amount').val(amount); 
    $('#limit').val(limit); 
    $('#desc').val(desc); 
    $('#type').val(type); 
    $('#vat').val(vat); 
}); 

所以問題是我怎樣才能得到模式中的每個記錄有相應的按鈕點擊數據？ 任何幫助/提醒不勝感激。

Answer 1

在一個word.Try

success: function() { 
      $.getJSON('/portal/management/fees/' + source_id, function(data) { 
       var table='<table><thead> <tr> <th>Limit</th> <th>Amount</th> <th>Description</th> <th></th> </tr> </thead>'; 
       /* loop over each object in the array to create rows*/ 
       $.each(data, function(index, item){ 
        /* add to html string started above*/ 
        table+='<tr>' + 
           '<td>' +item.limit +'</td>' + 
           '<td>' +item.amount +'</td>' + 
           '<td>' +item.description + '</td>' + 
           '<td><button class="btn btn-xs btn-default btn-action edit-btn"'+ 
            'id="editBtn"'+ 
            'data-fee-id="'+ item.id+'"'+ 
            'data-fee-amount="'+item.amount+'"'+ 
            'data-fee-limit="'+item.limit+'"'+ 
            'data-fee-description="'+item.decription+'"'+ 
            'data-fee-type="'+item.type+'"'+ 
            'data-fee-vat="'+item.vat+'"'+ 
            'data-toggle="modal"'+ 
            'data-target="#feeModal">'+ 
            '<i class="fa fa-edit"></i>'+ 
            '</button>' + 
           '</td>' + 
          '</tr>'; 
       }); 

       $("#source-table").html(table); 
       $(".edit-btn").click(function() { 

        var fee_id = $(this).attr('data-fee-id'); 
        var amount = $(this).attr('data-fee-amount'); 
        var limit = $(this).attr('data-fee-limit'); 
        var desc = $(this).attr('data-fee-description'); 
        var type = $(this).attr('data-fee-type'); 
        var vat = $(this).attr('data-fee-vat'); 

       $('#feeId').val(fee_id); 
       $('#amount').val(amount); 
       $('#limit').val(limit); 
       $('#desc').val(desc); 
       $('#type').val(type); 
       $('#vat').val(vat); 
       }); 
      }); 
     }, 

Answer 2

附加代碼

$(".edit-btn").click(function() { 

    var fee_id = $(this).attr('data-fee-id'); 
    var amount = $(this).attr('data-fee-amount'); 
    var limit = $(this).attr('data-fee-limit'); 
    var desc = $(this).attr('data-fee-description'); 
    var type = $(this).attr('data-fee-type'); 
    var vat = $(this).attr('data-fee-vat'); 

    $('#feeId').val(fee_id); 
    $('#amount').val(amount); 
    $('#limit').val(limit); 
    $('#desc').val(desc); 
    $('#type').val(type); 
    $('#vat').val(vat); 
}); 

旁邊$("#source-table").html(table);