jQuery tablesorter -向表行添加样式的IE8问题
jQuery tablesorter -向表行添加样式的IE8问题
提问于 2015-05-05 15:14:12
使用jQuery表操作器对表中的每一行进行排序并给出样式。
问题: IE8忽略表行背景，或者不对奇数行应用样式。知道如何使IE < 9的工作吗？
这里是http://jsfiddle.net/rdos/kg7e771g/3/ --除了IE < 10之外，所有浏览器都能很好地工作
谢谢!
JSP：
<html>
<head>
<style type="text/css">
.tablesorter tbody tr:nth-child(odd) {
background-color: #faf4e2;
}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.21.5/js/jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#myTable").tablesorter();
}
);
</script>
</head>
<body>
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Last Name</th>
<th>First Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>Saul</td>
<td>Tarsus</td>
<td>st@mail.com</td>
</tr>
<tr>
<td>Paul</td>
<td>Rock</td>
<td>pr@mail.com</td>
</tr>
</tbody>
</table>
</body>
</html>回答 1
Stack Overflow用户
发布于 2015-05-06 09:34:16
以下是IE <9的表行样式：
$(document).ready(function() {
$('#myTable')
.tablesorter({ widgets: ['zebra'] })
.bind('sortEnd', function(){
$("#myTable").trigger("applyWidgets");
});
}
); 对于其他浏览器，下面的内容会启动并覆盖上面的样式：
.tablesorter tbody tr:nth-child(odd) {
background-color: #faf4e2;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30064791
复制相关文章
点击加载更多
相似问题
http post请求离子上未返回数据
离子角HTTP POST请求到PHP
HTTP POST请求，400错误请求
发送HTTP POST请求错误
http POST请求错误400
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
