Question

当我尝试使用直接HTML的tablesorter插件时，它可以工作。

直接我的意思是：

 echo '<div id="content"><table cellspacing="1" class="tablesorter">             
        <thead>
            <tr> 
                <th>first name</th> 
                <th>last name</th> 
                <th>age</th> 
                <th>total</th> 
                <th>discount</th> 
                <th>date</th> 
            </tr> 
        </thead> 
        <tbody> 
            <tr> 
                <td>peter</td> 
                <td>parker</td> 
                <td>28</td> 
                <td>$9.99</td> 
                <td>20%</td> 
                <td>jul 6, 2006 8:14 am</td> 
            </tr> 
            <tr> 
                <td>john</td> 
                <td>hood</td> 
                <td>33</td> 
                <td>$19.99</td> 
                <td>25%</td> 
                <td>dec 10, 2002 5:14 am</td> 
            </tr> 
            <tr> 
                <td>clark</td> 
                <td>kent</td> 
                <td>18</td> 
                <td>$15.89</td> 
                <td>44%</td> 
                <td>jan 12, 2003 11:14 am</td> 
            </tr> 
            <tr> 
                <td>bruce</td> 
                <td>almighty</td> 
                <td>45</td> 
                <td>$153.19</td> 
                <td>44%</td> 
                <td>jan 18, 2001 9:12 am</td> 
            </tr> 
            <tr> 
                <td>bruce</td> 
                <td>evans</td> 
                <td>22</td> 
                <td>$13.19</td> 
                <td>11%</td> 
                <td>jan 18, 2007 9:12 am</td> 
            </tr> 
        </tbody> 
    </table></div>';

但是当使用导航代码中的JavaScript加载此代码时：

$(".menu_user").live('click', function() {
    $('.menu_user_sel').removeClass('menu_user_sel').addClass('menu_user');
    $(this).removeClass('menu_user').addClass('menu_user_sel');
    var goPage = $(this).attr('id');
    $('#content').load(goPage + ".php");


});

加载这个php代码：

echo '</br>';
echo '<div id="cercaDiv" name="cercaDiv">';
echo '<input type="text" name="cerca" id="cerca"/>&nbsp;&nbsp;&nbsp;';
echo '</div>';
echo '<div id="bottoni" name="bottoni">';
echo '<input id="nuovoUtente" type="button" value="">';
echo '</div>';
echo '</br>';

echo '<div id="tabellaProgetti" name="tabellaProgetti" class="tabellaDati">';
stampaTabellaProgetto();
echo '</div>';

我在哪里可以更改stampaTabellaProgetto（）表格的HTML，它什么都不做。我有正确的样式等表，但没有箭头进行排序，控制台没有错误。

$(".tablesorter").tablesorter({ theme : 'blue' }); 就在文件准备就绪之后。

Tablesorter插件无法加载表

0 个答案: