CGI::Ajax 无法控制返回的表格 css 样式？

Question

我对使用 CGI::Ajax 有疑问。

我的 CGI::Ajax 注册函数将返回一个表格，我想通过使用 jquery 插件 tablesorter 来控制表格的样式

返回结果表，但我无法控制它的样式，即我无法在调用函数中使用插件tablesorter对表进行排序

主要部分代码如下，这些只是部分代码，如果有标点问题，请忽略

如您所见，主程序“show_html”可以对表“metatable”进行排序；但是，即使我将 id='resulttable' 放在那里，返回表“resulttable”也无法排序。

有人可以帮我解决这个问题吗？

谢谢

my $cgi = CGI->new();
my $pjx = CGI::Ajax->new('js_fun'=>\&perl_fun);

sub per_fun{
...
print $cgi->start_table({id=>'resulttable'}),
...
}



sub show_html{ //partial code
print $html_fh $cgi->start_html(
  -title=>'Selected GEO MetaData',

  -style=> {-src=>[ "jquery-ui-1.8.20.custom.css",
            "jq_tablesorter/themes/green/style.css",
        "jq_ui_redmond/css/selectable.css",
          ]
    },    
  -script=>[
            { -type => "text/javascript",
              -src => "$tempdir/jq/js/jquery-1.7.2.min.js"
            },
            { -type => 'text/javascript',
              -src => "$tempdir/jq/jq_tablesorter/jquery.tablesorter.min.js"
            },
    { -type => 'text/javascript',
              -src => "$tempdir/jq/jq_ui_redmond/js/jquery-ui-1.8.20.custom.min.js"
            },
           q<
                  $(document).ready(function(){
                    $("#metatable").tablesorter();
            $("#resulttable").tablesorter();
     )}

      ....


 $("#done").click(function(){
            $("#metatable").slideUp();
            js_fun(['val1'],['result1']); //ajax
            return false;
            })


.....

print $cgi->div({id=>'result1'});

.....
}

Answer 1

AJAX请求返回成功后，需要重做结果表到sort方法的绑定，如下：

$.post("ajax/jsfun", "['val1']", function(data) {
    $('#resulttable').html(data);
    $("#resulttable").tablesorter();
    });