0

contextMenu行が削除されたときの行のアニメーション色のこのコードがありますが、コードにパーツを追加すると、削除された行の色は変更されなくなりましたmouseout:mouseover

$(function () {
$('.users').contextMenu({
selector: 'tr',
callback: function (key, options) {
    if (key == 'delete') {
        if (confirm(" Are you sure?")) {
            $.post("../Actions/Delete.ashx", { type: "user", id: $(this).attr('id') });
            $(this).animate({ backgroundColor: '#FF80FF' }, 1000);
        }
    }

},
items: {
    "edit": { name: "edit" },
    "delete": { name: "delete" }
}
});
//newly added part
$('tr').mouseover(function () {
    $('td', this).animate
({ backgroundColor: "#80FF00" }, 300);
});

$('tr').mouseout(function () {
    $('td', this).animate
({ backgroundColor: "white" }, 300);
});
//till here
});

削除の確認後、コンソールに次のエラーが表示されます。

[13:08:10.282] 要素が見つかりません @localhost:1299/Actions/Delete.ashx:1

私のどこが間違っていますか？

4

1 に答える 1

1

mouseenter代わりに、stop()メソッドを使用してみてください:

{ 色をアニメーション化するには、それをサポートするプラグインをjquery UIとして含める必要があると思います}

$('tr').mouseenter(function () {
    $(this).find('td').stop().animate({
        backgroundColor: "#80FF00"
    }, 300);
}).mouseout(function () {
    $(this).find('td').stop().animate({
        backgroundColor: "#ffffff"
    }, 300);
});
于 2013-06-11T08:02:52.533 に答える