Php 使用Ajax的选项卡内容时，选项卡中的javascript无法工作

所以我使用flowplayer的JqueryTools，用于导航的选项卡。 我加载的所有内容都非常简单。主要是html表格和表单，它们工作得很好。 除了在我使用的tablefilter的页面上。使用选项卡时，将不会加载表筛选器。当我打开php时，一切正常。 我想知道是否有人能告诉我我做错了什么？我对javascript没有太多经验

我的主页非常简单

<script blah blah blah tabletools.js>
<ul class="css-tabs">
<li><a href="ajax1.php">Tab 1</a></li>
<li><a href="ajax2.php">Second tab</a></li>
<li><a href="ajax3.php">An ultra long third tab</a></li>
</ul>


<div class="css-panes">
<div style="display:block"></div>
$(function() {

$("ul.css-tabs").tabs("div.css-panes > div", {effect: 'ajax', hitory: true});

});
</div>

php是非常简单的表，由于某种原因，当我在选项卡中加载页面时，过滤器不起作用。我用表中的一个类加载过滤器，我认为这可能就是问题所在

<script type="text/javascript" language="javascript" src="TableFilter/tablefilter.js"></script>  

    <table id="table1" cellspacing="0" class="mytable filterable" >  

任何反馈都将不胜感激。

jQuery工具选项卡和表格过滤器 上面的代码应该在包含jQuery、jQuery工具选项卡和TableFilter文件之后出现

您的表应该为每个选项卡（如表1、表2、表3等）提供一个增量id

<script type="text/javascript">
    $(function() {
        $('ul.css-tabs').tabs('div.css-panes > div', {
            effect: 'fade',
            history: true,
            onBeforeClick: function(event, i) {
                // get the pane to be opened
                var pane = this.getPanes().eq(i);
    
                // only load once. remove the if ( ... ){ } clause if you want the page to be loaded every time
                if (pane.is(':empty')) {
                    // load it with a page specified in the tab's href attribute
                    pane.load(this.getTabs().eq(i).attr('href'), function(){
                        setFilterGrid('table'+(i+1));
                    });
                }
            }
        });
    });
</script>