С содержимым вкладки Ajax мой javascript на вкладке не работает

Question

Так что я использую JqueryTools от Flowplayer, вкладки для навигации. Все, что я загружаю, действительно просто. В основном HTML таблицы и формы, и они прекрасно работают. За исключением одной страницы, где я использую tablefilter.free.fr табличный фильтр. Фильтр таблицы не будет загружаться при использовании вкладок. Когда я просто открываю 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>

А ajax.php - это действительно простые таблицы, и по какой-то причине фильтр не работает, когда я загружаю страницу во вкладках. Я загружаю фильтр с классом в таблице, и я думаю, что это может быть проблемой.

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

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

Любые отзывы будут оценены.

Answer 1

jQuery Tools Tabs & TableFilter

<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>

1. Приведенный выше код должен следовать после включения jQuery, jQuery Tools Tabs и файлов TableFilter.1009 * Ваши таблицы должны иметь инкрементный идентификатор для каждой вкладки, например table1, table2, table3, ...