3

我正在使用 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!');
    }
 });   

}

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

谁能建议我在这里做错了什么。

谢谢

4

1 回答 1

2

看起来我们通过将分页脚本从原始插件 (v2.0.5) 更新到我的 tablesorter 分支中的那个来解决了这个问题。

于 2013-11-18T18:52:20.897 回答