Javascript、X-Editableは、最初に送信されたデータのみを更新しますが、2番目のデータは更新しません。

Question

私は動的に塗りつぶすモーダルウィンドウを持っています。これは、ボタンをクリックした後、テーブルのすべての行に対して開きます。次に例を示します。

// Get the modal 
var modal = document.getElementsByClassName('callModal')[0]; 
// Get the <span> element that closes the modal 
var span = document.getElementsByClassName("closeModal")[0]; 

// When the user clicks on the button, open the modal 
function callThisTel(telID) { 
    var leadName = document.getElementById("leadName_"+telID).textContent; 
    var leadDescript = document.getElementById("leadDescript_"+telID).textContent; 
    var assignedTo = document.getElementById("leadAssignedTo_"+telID).getAttribute("data-title"); 
    var currentProfile = document.getElementsByClassName("staff-profile")[0].getAttribute("alt"); 
    document.getElementsByClassName("shortNoteOfLeadClass")[0].setAttribute("data-pk", telID); 

    document.getElementById("nameOfCalled").textContent = leadName; 
    document.getElementsByClassName("shortNoteOfLeadClass")[0].textContent = leadDescript; 
    modal.style.display = "block"; 
    $.fn.editable.defaults.mode = 'inline'; 
    $('.shortNoteOfLeadClass').editable({ 
     url: '<?php echo base_url('changeData.php'); ?>', 
     pk: telID, 
     type: 'text', 
     title: 'Change description' 
    }); 
} 

しかし、問題は、モーダルを開くたびに、それが良い動作することを、次のとおりです。

<!-- The Modal --> 
<div id="callModal" class="callModal"> 
    <!-- Modal content --> 
    <div class="modalCall-content"> 
     <div class="modalCall-header"> 
     <span class="closeModal">&times;</span> 
     <h2 id="nameOfCalled">Modal Header</h2> 
     </div> 
     <div class="modalCall-body"> 
     <p class="shortNoteOfLeadClass" id="shortNoteOfLead" style="font-size:25px;"></p> 
     <p>There will be statuses, notes and last call info...</p> 
     </div> 
     <div class="modalCall-footer"> 
     <h3><button type="button" class="btn btn-danger">End Call</button></h3> 
     </div> 
    </div> 
</div> 

は、これは私がフォームに入力する方法です。すべてのデータがエラーなく入力されます。すべてのテキストは表のとおりです。すべてのPKがモーダルで変更され、テキストを編集/保存するときにはうまくいきます。しかし、私がフォームを2回目に提出した後は、最初に提出した最初の「pk」だけが変更されます。しかし、私はモーダルを開くたびに更新される新しいものではありません。

Answer 1

更新：

$('.shortNoteOfLeadClass').editable("destroy"); 

を右前：

document.getElementsByClassName("shortNoteOfLeadClass")[0].setAttribute("data-pk", telID); 

今、それは私が入れた場合にのみ、それが動作するようにsuposedとして動作しますが、