0

我想用 jquery fadeIn 为我的表格行设置动画。这是我迄今为止编写的一段代码。请告诉我我错在哪里。

$("#insert_heading").live("click", function (e) {
    e.preventDefault();
    if ($("#first_msg")) {
        $("#first_msg").fadeOut(500, function () {
            $("#first_msg").remove();
        });
    }
    if (heading_count >= 6) {
        alert("you cannot create more than 6 headings");
        return false;;
    }

    var heading_html = "";
    heading_count++;

    heading_html += '<tr class="heading" id="row_' + heading_count + '">';
    heading_html += '<td align="left">&nbsp;Heading ' + heading_count + ':</td>';
    heading_html += '<td colspan="3" align="left" valign="middle">';
    heading_html += '<input type="text" name="h_' + heading_count + '" class="input validate[required] text-input"/>';
    heading_html += '<td align="left" class="heading_delete">';
    heading_html += '<a href="#" id="del_' + heading_count + '"><img width="16" height="16" title="Delete" src="images/delete_heading.png"></a></td>';
    heading_html += '</td>';
    heading_html += '</tr>';

    $(heading_html).insertBefore("#submit_button").fadeIn("slow");
});
4

1 回答 1

1

代替您提供您正在使用的 HTML,我认为您的fadeIn代码的主要问题是您已经添加了元素,并且它已经可见,所以fadeIn没有效果。

我设法通过稍微切换执行顺序来完成这项工作。我没有使用 use insertBefore,而是使用append并将其链接fadeIn到新tr元素的创建:

$('table').append($(heading_html).fadeIn("slow"));

这可以在这里看到:http: //jsfiddle.net/HZwvA/

于 2012-04-19T12:11:13.493 回答