js tablesort 不使用具有动态 cont 值的 table 进行排序

Question

我有一个调用 JS 文件的 PHP 文件。 PHP 有两个使用 table 排序器插件的 table，一个可用，一个不可用。有效的直接来自 Ajax 调用，无效的是使用来自同一 Ajax 调用的信息以及一些 js 变量填充的。我可以按 Ajax return 填充的列进行排序，但我无法按 JS 变量值填充的 4 列（代码、QtyOrder、$、评论）进行排序editable.我正在使用 PHP 5.3.24 和 jqueryui/1.10.0，是否可以按 editable 和 js 填充列进行排序，如果可以，如何进行排序？

谢谢

$(document).ready(function() {
      $('#loading').hide();


      $("#guides").tablesorter();
      $("#inv").tablesorter();

      function populate(cnt) {
        $("#cheggNote").hide();
        $("#getting").hide();
        $("#getting").hide();
        $("#getting2").hide();
        $("#getting3").hide();
        $("#getting4").hide();
        $("#guides tbody").remove();

        $("#inv tbody").remove();


        $("#detailSales tbody").remove();
        $("#detailSales2 tbody").remove();


        var po = $('#po').val();
        $.ajax({
          type: "POST",
          url: "poInfo2.php",
          //async:false,
          dataType: "json",
          data: ({
            po: po,
            filter: $('#filter').val(),
            cnt: cnt,
            end: $('#end').html()
          }),
          success: function(data) {

            var isbn = data.isbn;
            $("#qtyA").val(data.qty);
            $("#price").val(data.price);
            $("#priceOffered").val(data.pr_off);
            $("#title").val(data.title);
            $("#isbn10").val(data.isbn10);
            $("#publisher").val(data.Publisher);
            $("#copy").val(data.Copyright);
            $("#weight").val(data.Weight);

            $("#isbn13").val(data.isbn);
            $("#list").val(data.list);
            $("#AmzLow").val(data.AmzLow);
            $("#AmzNewPrice").val(data.AmzNew);
            $("#Rank").val(data.Rank);
            $("#source").val(data.source);
            $("#end").html(data.pages);
            $("#start").html(cnt + 1);

            if (data.isbn == null) {
              $("#guides").append('<tr><td>No Records Found</td></tr>');
              $("#inv").append('<tr><td>No Records Found</td></tr>');
            } else {
              for (var x = 0; x < data.PurPO.length; x++) {
                $("#inv").append('<tr><td id=tableDATE>' + data.PurDate[x] + '</td><td id=tablePO>' + data.PurPO[x] +
                  '</td><td id=tableQtyOrdered>' + data.PurQty[x] + '</td><td id=tablePrice>' + data.PurPrice[x] + '</td></tr>');

              }
              $("#inv").trigger("update");


              $("#guides").append('<tr><td>' + data.AMGprice + '</td><td>Amtext</td><td><input type="text" class="qty" id="ACode" value="' + data.ACode +
                '"</td><td><input type="text" class="qty" id="AQty" value="' + data.AQty +
                '"</td><td id="ANewPricemarg">' + ANewPricemarg + '</td><td><input type="text" class="qty" id="ANewPrice" value="' + data.ANewPrice +
                '"</td><td><input type="text" class="qty" id="Acomments" value="' + data.Acomments +
                '"/></td><td class="price">' + data.Atitle +
                '</td></tr><tr><td>' + data.FGnew + '</td><td>Follett N</td><td><input type="text" class="qty" id="FNewCode" value="' + data.FNewCode +
                '"</td><td><input type="text" class="qty" id="FNewQty" value="' + data.FNewQty +
                '"</td><td id="FNewmarg">' + FNewmarg + '</td><td><input type="text" class="qty" id="FNew" value="' + data.FNew +
                '"</td><td><input type="text" class="qty" id="Fcomments" value="' + data.Fcomments +
                '"/></td><td class="price">' + data.Ftitle +
                '</td></tr><tr><td>' + data.FGused + '</td><td>Follett U</td><td><input type="text" class="qty" id="FUsedCode" value="' + data.FUsedCode +
                '"</td><td><input type="text" class="qty" id="FUsedQty" value="' + data.FUsedQty +
                '"</td><td id="FUsedPricemarg">' + FUsedPricemarg + '</td><td><input type="text" class="qty" id="FUsedPrice" value="' + data.FUsedPrice +
                '"</td><td><input type="text" class="qty" id="FUsedcomments" value="' + data.FUsedcomments +
                '"/></td><td class="price">' + data.Ftitle +
                '</td></tr><tr><td>' + data.NEBGPrice + '</td><td>Nebraska</td><td></td><td><input type="text" class="qty" id="NQty" value="' + data.NQty +
                '"</td><td id="NPricemarg">' + NPricemarg + '</td><td><input type="text" class="qty" id="NPrice" value="' + data.NPrice +
                '"</td><td><input type="text" class="qty" id="Ncomments" value="' + data.Ncomments +
                '"</td><td></td></tr><tr><td>' + data.BWGNewPrice +
                '</td><td>BkWin N</td><td><input type="text" class="qty" id="BWCode" value="' + data.BWCode +
                '"</td><td><input type="text" class="qty" id="BWQty" value="' + data.BWQty +
                '"</td><td id="BWmarg">' + BWmarg + '</td><td><input type="text" class="qty" id="BW" value="' + data.BW +
                '"</td><td><input type="text" class="qty" id="BWcomments" value="' + data.BWcomments +
                '"</td><td></td></tr><tr><td>' + data.BWGPrice +
                '</td><td>BkWin U</td><td><input type="text" class="qty" id="BWCodeU" value="' + data.BWCodeU +
                '"</td><td><input type="text" class="qty" id="BWQtyU" value="' + data.BWQtyU +
                '"</td><td id="BWUmarg">' + BWUmarg + '</td><td><input type="text" class="qty" id="BWU" value="' + data.BWU +
                '"</td><td><input type="text" class="qty" id="BWUcomments" value="' + data.BWUcomments +
                '"</td><td></td></tr><tr><td>' + data.BKBGPrice +
                '</td><td>BookByte</td><td><input type="text" class="qty" id="BKBCode" value="' + data.BKBCode +
                '"</td><td><input type="text" class="qty" id="BKBQty" value="' + data.BKBQty +
                '"</td><td id="BKBmarg">' + BKBmarg + '</td><td><input type="text" class="qty" id="BKB" value="' + data.BKB +
                '"</td><td><input type="text" class="qty" id="BKBcomments" value="' + data.BKBcomments +
                '"</td><td></td></tr><tr><td></td><td>F Qoute N</td><td><input type="text" class="qty" id="FquoteNewCode" value="' + data.FQuoteNewCode +
                '"</td><td><input type="text" class="qty" id="FQuoteNewQty" value="' + data.FQuoteNewQty +
                '"</td><td id="FQuoteNewmarg">' + FQuoteNewmarg + '</td><td><input type="text" class="qty" id="FQuoteNew" value="' + data.FQuoteNew +
                '"</td><td id="FQuoteNewmarg><input type="text" class="qty" id="FQNcomments" value="' + data.FQNcomments + '"/></td><td class="price">' + data.FQtitle +
                '</td></tr><tr><td></td><td>F Qoute U</td><td><input type="text" class="qty" id="FQuoteUsedCode" value="' + data.FQuoteUsedCode +
                '"</td><td><input type="text" class="qty" id="FQuoteUsedQty" value="' + data.FQuoteUsedQty +
                '"</td><td id="FQuoteUsedmarg">' + FQuoteUsedmarg + '</td><td><input type="text" class="qty" id="FQuoteUsed" value="' + data.FQuoteUsed +
                '"</td><td><input type="text" class="qty" id="FQUcomments" value="' + data.FQUcomments + '"/></td><td class="price">' + data.FQtitle +
                '<td></tr><tr><td></td><td>Valore</td><td></td><td><input type="text" class="qty" id="VLRQty" value="' + data.VLRQty +
                '"</td><td id="VLRmarg">' + VLRmarg + '</td><td><input type="text" class="qty" id="VLR" value="' + data.VLR +
                '"</td><td><input type="text" class="qty" id="VLRcomments" value="' + data.VLRcomments +
                '"</td><td></td><tr><td></td><td>Bkscouter</td><td></td><td><input type="text" class="qty" id="Bookscouter1Qty" value="' + data.Bookscouter1Qty +
                '"</td><td id="Bookscouter1marg">' + Bookscouter1marg + '</td><td><input type="text" class="qty" id="Bookscouter1" value="' + data.Bookscouter1 +
                '"</td><td><input type="text" class="qty" id="BKScomments" value="' + data.BKScomments +
                '"</td><td></td><tr><td></td><td>Recycle</td><td></td><td><input type="text" class="qty" id="ScoutRecycleQty" value="' + data.ScoutRecycleQty +
                '"</td><td id="ScoutRecyclemarg">' + ScoutRecyclemarg + '</td><td><input type="text" class="qty" id="ScoutRecycle" value="' + data.ScoutRecycle +
                '"</td><td><input type="text" class="qty" id="Recycomments" value="' + data.Recycomments +
                '"</td><td></td></tr><tr><td></td><td>Bks Amz</td><td></td><td><input type="text" class="qty" id="ScoutAmzQty" value="' + data.ScoutAmzQty +
                '"</td><td id="ScoutAmzmarg">' + ScoutAmzmarg + '</td><td><input type="text" class="qty" id="ScoutAmz" value="' + data.ScoutAmz +
                '"</td><td><input type="text" class="qty" id="AMZcomments" value="' + data.AMZcomments +
                '"</td><td></td></tr><tr><td></td><td>McKenzie</td><td></td><td><input type="text" class="qty" id="McKenzieQty" value="' + data.McKenzieQty +
                '"</td><td id="MCKmarg">' + MCKmarg + '</td><td><input type="text" class="McKenzie" id="McKenzie" value="' + data.McKenzie +
                '"</td><td><input type="text" class="qty" id="MCKcomments" value="' + data.MCKcomments +
                '"</td><td></td></tr>');


              var shipweight = document.getElementById("weight").value;
            } //END OF ELSE
            $("#cnt").val(data.cnt);
            $("#guides").trigger("update"); 
          } // END OF SUCCESS


        }); //END OF AJAX


      }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<div id="inventory" class="noprint">
  <table id="inv" class="tablesorter" style="border: 1px solid black;">
    <caption class="cap">Order History</caption>
    <thead>
      <tr>
        <th>DATE</th>
        <th>PO</th>
        <th>QtyOrdered</th>
        <th>Price</th>
        </th>

      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
</div>
<!--INVENTORY-->

<div id="guide">
  <table class="tablesorter" id="guides" style="border: 1px solid black;">
    <thead>
      <tr>

        <th>Current</th>
        <th>Guide</th>
        <th>Code</th>
        <th>QtyOrder</th>
        <th>Margin</th>
        <th>$</th>
        <th>Comments</th>
        <th>Title</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
    <tfoot>
    </tfoot>
  </table>
</div>
<!--GUIDE-->

Answer 1

对于有相同问题的任何人，在新版本的 tablesorter 中，只需更新 tablesorter 就可以了。

js tablesort 不使用具有动态 cont 值的 table 进行排序

js tablesort not sorting with table that has values with dynamic cont

javascript

php

jquery

ajax

tablesorter