使用jQuery Dialog关闭窗口后更改表行的颜色

时间:2012-07-10 23:46:33

标签: jquery dialog

我有一个实例,用户点击一个打开jquery对话框的表行。当用户关闭窗口时,我想更改此行的颜色。

我知道对话框有一个紧密的参数,可以是一个函数(),但我不确定如何从那一点引用TR。

E.G,

$("#myPopup").dialog({
    autoOpen: false,
    close: function(event, ui){

 // I am not sure how to get the TR name at this point.
        $("#TR-ID").css('backgroundColor','red');
    }   
}); 

1 个答案:

答案 0 :(得分:0)

工作演示 http://jsfiddle.net/Tr5fX/ http://jsfiddle.net/szhqU/

如果你可以轻弹你的代码,我可以看看,但上面的演示改变颜色3种方式,它应该有帮助。

行为点击forgot,您会看到弹出的对话框。休息随意玩耍

<强>码

$("#forgot").click(function(e) {
    $("#forgot-dialog").dialog("open");
    e.preventDefault();
});

$("#forgot-dialog").dialog({
    modal: true,
    autoOpen: false,
    height: 255,
    width: 300,
    buttons: {
        "Change Table Color": function() {
            $('#hulk').css('background-color', 'yellow');
        },
        Cancel: function() {
            $('#hulk').css('background-color', 'red');
            $(this).dialog("close");
        }
    },
    close: function(){
        $('#hulk').css('background-color', 'blue');
    },
});