Question

我正在使用Jquery Mobile开发Android应用程序。我在使用寻呼机的tablesorter插件时遇到了一些问题。

这是我的HTML页面

    <div id="mainPager" class="pager">
    <form>

    <div class="ui-grid-d">
        <div class="ui-block-a"><input type="button" data-inline="true" data-mini="true" value="&lt;&lt;" class="first" /></div>
        <div class="ui-block-b"><input type="button" data-inline="true" data-mini="true" value="&lt;" class="prev" /></div>
        <div class="ui-block-c"><input type="text" data-inline="true" data-mini="true" class="pagedisplay"/></div>
        <div class="ui-block-d"><input type="button" data-inline="true" data-mini="true" value="&gt;" class="next" /></div>
        <div class="ui-block-e"><input type="button" data-inline="true" data-mini="true" value="&gt;&gt;" class="last" /></div>
    </div>
    <select class="pagesize">
            <option selected="selected"  value="10">10</option>

            <option value="20">20</option>
            <option value="30">30</option>
            <option value="40">40</option>
        </select>
    </form>
</div>


<table class="myTable" id="dataTable" >
  <thead>

    </thead>
<tbody>
</tbody>

</table>

这是我的jquery代码。

  $(document).on('pagebeforecreate', '#main' ,function(){       

    fillRoTable() ;    

    });



  function fillRoTable() 
  { 

   var html = '';
     for (var key=0, size= 1; key<size;key++) {
      html += '<tr><th>'
         + "Ticket #"
         + '</th><th>'
         + "Action"
         + '</th></tr>';
      }

    $('#dataTable thead').append(html);


    $.ajax({url: "h**p://xyz.com/test/info?client=ig&docId=2313",
    dataType: "jsonp",
    async: true,
    success: function (result) { 

var html1 = '';
for (var key=0, size=25; key<size; key++) {

html1 += '<tr><td>'
         + key
         + '</td><td>'
         + (size-key)
         + '</td></tr>';
}

$('#dataTable tbody').append(html1);


              $("#dataTable").tablesorter()
    .tablesorterPager({container: $("#MainPager"), positionFixed: false});    



    },
    error: function (request,error) {
        alert('Network error has occurred please try again!');
    }
 });   

}

现在我的问题是，当主页加载一切看起来很好但是如果我点击其中一个标题对列进行排序，那么我的表就变空了。

有谁能告诉我这里我做错了什么。

由于

Answer 1

通过将原始插件（v2.0.5）中的寻呼机脚本更新为solved this issue中的寻呼机脚本，我们看起来像fork of tablesorter。

Tablesorter寻呼机无法正常工作

1 个答案: