我想在输入值AFTER设置值上对表列进行排序

Question

Newb here ...我有一个使用jQuery DataTables插件创建的表。一切都按预期工作但是我添加了一个输入列。我希望用户能够在输入值后对此列进行排序。这是一个使用相当长的项目列表的排名系统，因此他们需要能够在输入值后进行排序，以便他们可以跟踪他们在这一点上使用过的数字。我将我的变量设置为keyup上的输入值，但在设置值之后，我无法通过单击标题对列进行排序。它适用于其他列（来自jQuery DataTable插件）。此外，如果我之前硬编码一些文本，如果td（在＆＃39; + sortRank +＆＃39;之前）它也按预期工作。在使用jQuery设置它们之后，为什么不识别排序值？谢谢你的帮助！

$(document).ready(function() { 
function GenerateTableFromJson(objArray,objArrayTwo,objArrayThree) {

 var tableContent = '<table summary="GFSTechIntake" id="AllRequestsTable" style="width:100%"><thead><tr><th>Submit Priority</th><th>Your Prev Rank</th><th>Current Overall</th><th>Category</th>' + '<th>Status</th>' +' <th>Request Name</th>' + '<th>Problem Statement</th>' + '<th>Business Benefits</th><th>Dept(s)</th></tr></thead><tbody>';      

    var sortRank = "";

    $('input.title').on('keyup',function(){
        sortRank = $(this).val();
     });

     tableContent += '<tr class="allItemsTr">';
     if(rank != ''){
     tableContent += '<td class="allItemsPriority">'+sortRank+'<input class="title" placeholder=' + rank + ' value='+rank+'></td>';
     } else {
     tableContent += '<td class="allItemsPriority"><input class="title" placeholder=' + rank + '></td>';
     }
     tableContent += '<td class="prevRank">N/A</td>';
     tableContent += '<td class="currentRank">N/A</td>';
 } 

 return tableContent;

 }