jQuery tablesorter:过滤器和斑马小部件停止工作后,ajax更新IE8仅
jQuery tablesorter: filter and zebra widgets stop working after ajax update IE8 only
我正在使用版本动态更新表jquery-1.7.2.min,2.7.12分钟;2.4+ widgets -更新于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>
标签。
我已经尝试过使用tableSorter 2.1小部件-更新于2012年4月2日和旧的过滤器,它工作,但它没有自定义过滤器选项。
欢呼。
我发现问题了!我在最后一个</tr> <small>$time</small>
之后的返回数据中添加了sql查询运行所需的时间。IE8不喜欢它,因为它包含在没有<tr><td>
标签的主体中,IE9和chrome只是忽略了它。
相关文章:
- Ajax更新面板随机错误'PRM_MissingPanel'
- AJAX更新面板不;t工作.请帮我找出我错在哪里.
- Ajax更新表数据,但不重复顺序
- 通过javascript确认AJAX更新数据库
- 使用AJAX更新Shopify中的购物车编号
- 为什么在ASP.NET Ajax更新面板中执行任何操作后javascript元素都停止工作
- 创建使用 ajax 更新 iframe 的链接
- 谷歌图表错误'不是数组'关于Ajax更新
- GoogleMapsForRails-只有在搜索结果发生变化时才通过ajax更新标记
- ajax更新后jQuery列表刷新
- 使用PHP和AJAX更新select下拉选项
- 可以使用ajax更新页面
- 表单在每个页面中 - 仅在特定页面上处理它 - 如果当前不在页面上 - 重定向 - 否则 - 使用 AJAX 更新数据
- 使用jquery ajax更新数据库;不起作用
- JSF在Ajax更新后调用javascript函数
- 通过ajax更新HTML块内容
- jQuery日期选择器在Firefox和IE的MVC部分视图上进行ajax更新后无法工作
- 在第三次onPageClick事件后,使用twbspagination插件和AJAX更新JS分页
- 使用AJAX更新MySQL数据库
- 使用javascript将span更改为input(viceversa),然后AJAX更新输入