Question

要求是当我单击文本字段时，表格必须显示在文本字段下方，当我将鼠标移到行上时，必须突出显示行 - 我的代码中出错了什么？

我的HTML有两个元素：

<input type="text" id="name" value="Name"><div id="line"></div>

CSS是：

.datahighlight {
        background-color: #ffdc87 !important;
}

jQuery是：

jQuery(document).ready(function($){

    $("#name").click(function(){
        $("#line").html("<table><tbody><tr class='simplehighlight'><td>Text Row to be highlighted</td></tr></tbody></table>");

    });

    $('.simplehighlight').hover(function(){
            $(this).children().addClass('datahighlight');
        },function(){
            $(this).children().removeClass('datahighlight');
        });


});

Answer 1

你应该使用jQuery'live'绑定。试试这个：

$('.simplehighlight').live('mouseover', function() {
    $(this).children().addClass('datahighlight');
}).live('mouseout', function() {
    $(this).children().removeClass('datahighlight');
});

这是一个jsFiddle：http://jsfiddle.net/LsDGZ/

表行突出显示问题

1 个答案: