我创建了一个由JSON数据填充的表,以便表中的每一行。表格布局是
<table id="custServMainTable">
<tbody>
</tbody>
</table>
我使用JQuery附加元素,代码位于页面底部
$('#custServMainTable tbody').append("<tr class='custCell grey'>
<td>info</td></tr>");
元素的追加工作正常。我遇到的问题是,当我尝试通过悬停来改变背景颜色
时$('.grey').hover(function() {
$(this).css('background-color', '#FDBB73');},
function() {$(this).css('background-color', '#EFEFEF');
});
尝试了方法
$('.grey').on("hover", function(event) {
$(this).css('background-color', '#FDBB73');},
function() {$(this).css('background-color', '#EFEFEF');
});
我试图在它悬停时突出显示一行。它不适用于我尝试过的方法。我以前使用相同的代码与静态创建表。我试过“on”和“绑定”悬停功能没有运气。类似情况的例子建议使用live,现在已弃用。有人建议将“开启”提升一级,但这并没有取得任何成功。
答案 0 :(得分:4)
.on()
没有悬停选项。您可以尝试:
$('body').on('mouseenter', '.grey', function() {
$(this).css('background-color', '#FDBB73');}
});
$('body').on('mouseleave', '.grey', function() {
$(this).css('background-color', '#EFEFEF');
});