1
我動態更新表使用的版本 jQuery的1.7.2.min, 的tablesorter 2.7.12分鐘阿賈克斯更新後的工作, 的tablesorter 2.4及以上的部件 - 更新2 /二千〇一十三分之二十四。的jQuery的tablesorter:過濾器和斑馬部件停止IE8僅
該代碼在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日更新和舊的過濾器,它的工作原理,但它沒有自定義過濾器選項。
乾杯。
你可以嘗試在更新後添加'.trigger('refreshWidgets')',看看是否解決了你的問題([ref](http://mottie.github.com/tablesorter/docs/#refreshwidgets)) 。 – Mottie 2013-03-08 22:11:03
嗨...我已經嘗試更新後的刷新,但仍然沒有喜悅。 – user2149065 2013-03-09 14:10:55
您可以設置演示。 – Mottie 2013-03-09 17:32:27