Question

我正在尝试显示一个表是一个ajax输出（PHP）。即使我已向表中添加了所有必需的属性，也不会触发tablesorter。我可以知道我哪里出错了。任何建议都将受到高度赞赏。

通过ajax输出HTML

<table border=1 width="850" id="search" class="tablesorter"> 
    <thead>
        <tr>
            <!--<th><input type="checkbox" id="selectall"/></th>-->
            <th>SNo.</th> <th>UserName</th> <th>Product Name</th><th>Price </th><th>Quantity</th><th>Total price</th><th>Quarter</th>
        </tr>
    </thead>
    <tbody>
        <tr width=700> <td>1</td> <td>user</td>  <td>androidGUI</td> <td>101</td> <td>10</td> <td>1010</td> <td>Q4-13</td></tr>
        <tr width=700> <td>2</td> <td>user </td>  <td>androidGUI</td> <td>101</td> <td>10</td> <td>1010</td> <td>Q4-13</td></tr>
        <tr width=700> <td>3</td> <td>user</td>  <td>cat6k22</td> <td>789</td> <td>5</td> <td>3945</td> <td>Q4-13</td></tr>
        <tr width=700> <td>4</td> <td>user</td>  <td>HP21</td> <td>252</td> <td>25</td> <td>6300</td> <td>Q4-13</td></tr>
        <tr width=700> <td>5</td> <td>user</td>  <td>nexus</td> <td>101</td> <td>15</td> <td>1515</td> <td>Q4-13</td></tr>
    </tbody>
</table>

我的Javascript：

<script type="text/javascript">
    $(function(){

$("select").multiselect({
    selectedList: 4,
            header: false


});

}); 
$( document ).ready(function() {
   $(function () {
    var frm = $('#searchreq');
    frm.submit(function (ev) {
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
            //alert(data);
            document.getElementById("resultshower").innerHTML= data;
        }
    });
    ev.preventDefault();
});
});
});
$("#resultshower").ready(function() /*Also tried with $(document).ready still no use*/
    { 
       $("#search").tablesorter(); 
     } 
 ); 


</script>

相同的脚本在没有ajax调用的情况下工作。请把我视为jQuery的新手

Answer 1

你混淆了括号和括号。试试这个：

$("#resultshower").ready(function() /*Also tried with $(document).ready still no use*/
{ 
   $("#search").tablesorter(); 
}); //You went wrong here

你也在ajax之前两次调用.ready()函数。点击这里：

$(document).ready(function() {
$(function () { //remove this line 
.....
.....
}); // remove this line
});

ajax输出上的表分类器

1 个答案: