动态附加表元素的绑定

时间:2012-06-14 21:05:25

标签: jquery jquery-ui

我创建了一个由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,现在已弃用。有人建议将“开启”提升一级,但这并没有取得任何成功。

1 个答案:

答案 0 :(得分:4)

.on()没有悬停选项。您可以尝试:


$('body').on('mouseenter', '.grey', function() {
   $(this).css('background-color', '#FDBB73');}
});
$('body').on('mouseleave', '.grey', function() {
   $(this).css('background-color', '#EFEFEF');
});