1

バージョンjquery-1.7.2.min、TableSorter 2.7.12 min、tableSorter2.4+ウィジェットを使用してテーブルを動的に更新しています-2013年2月24日更新。

コードはIE9とChromeで正常に機能しますが、IE8では、フィルターとゼブラウィジェットはajaxの更新後に機能しなくなり、並べ替えは引き続き機能します。

<table class="tablesorter">
    <thead>
        <tr>
            <th style="width: 145px;">Orig_Time</th>
            <th style="width: 145px;">Corra_Time</th>
            <th style="width: 120px;">Site</th>
            <th style="width: 120px;">Area</th>
            <th>Reference</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

$(document).ready(function() {
 $("table").tablesorter({
    sortList: [[0, 1]],
    widthFixed: true,
    theme: 'green',
    widgets: ["filter", "stickyHeaders"],
    widgetOptions: {
        stickyHeaders: "tablesorter-stickyHeader",
        filter_cssFilter: "tablesorter-filter",
        filter_hideFilters: false,
        filter_functions: {
            3: {
                "Midlands+North": function(f) {
                    return f === "Midlands" | f === "North";
                },
                "Scotland+NI": function(f) {
                    return f === "Scotland" | f === "N.Ireland";
                },
                "South+East": function(f) {
                    return f === "South" | f === "East";
                },
                "Wales+West": function(f) {
                    return f === "Wales" | f === "West";
                },
                "Mid+Nor+Sco+NI": function(f) {
                    return f === "Midlands" | f === "North" | f === "Scotland" | f === "N.Ireland";
                },
                "Sou+Eas+Wal+Wes": function(f) {
                    return f === "South" | f === "East" | f === "Wales" | f === "West";
                }
            }
        }
    }
 });
});

function alarms() {
 $("table tbody").load("includes/alarmsResults.php", function() {
    $("table").trigger("update");
 });
}

window.setInterval(alarms, 10000);

alarmsResults.phpは、SQLクエリを実行し、結果を<tr><td>タグで返します。

データが静的であるが、更新フィルターとゼブラが機能しなくなった場合、IE8はプラグインで正常に機能します。何かアイデアはありますか？

tableSorter 2.1ウィジェットを試してみました-2012年4月2日更新と古いフィルターで動作しますが、カスタムフィルターオプションがありません。

乾杯。

4

1 に答える 1

0

私は問題を見つけました、私！最後の後に返されたデータでSQLクエリが実行されるのにかかる時間を追加しました</tr> <small>$time</small>。IE8はタグなしのtbodyに含まれていたため、それを気に入らなかった<tr><td>。IE9とchromeはそれを無視した。

于 2013-03-10T10:11:32.973 に答える