JQuery 关闭事件从表行中删除类

发布于 2024-08-11 22:51:22 字数 669 浏览 8 评论 0原文

我目前有一个表，其中的行包含可单击的链接。当用户单击任何表行中的链接时，JQUery 的 UI 模态对话框弹出，我将一个类添加到单击的链接父 tr 中，称为“突出显示”。我想要做的是当 JQuerys UI 对话框关闭时从行中删除此类。有谁知道我怎样才能实现这一目标？

这是我的加载事件的样子

$(document).ready(function() {
        $("#dialog").dialog({
            autoOpen: false,
            height: 170,
            width: 350,
            center: false
        });

        $('.getData').click(function(e) {
            getResults($(this).attr('id'));
            $(this).parent().parent().addClass("highlight");
            $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
            return false;
        });
    });

谢谢

原文

I currently have a table with rows that contain a clickable link.
When a user clicks a link from any table row JQUery's UI Modal DIalog popups up and i add a class to the clicked links parent tr called 'highlight'.
What i'd like to be able to do is remove this class from the row when the JQuerys UI Dialog is closed.
Does any one know how i can achieve this?

Here's what my load event looks like

$(document).ready(function() {
        $("#dialog").dialog({
            autoOpen: false,
            height: 170,
            width: 350,
            center: false
        });

        $('.getData').click(function(e) {
            getResults($(this).attr('id'));
            $(this).parent().parent().addClass("highlight");
            $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
            return false;
        });
    });

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

っ左 2024-08-18 22:51:22

如果您始终只有一行带有类突出显示，您可以使用以下命令：

$("#dialog").dialog({
    autoOpen: false,
    height: 170,
    width: 350,
    center: false,
    close: function(event, ui) {
        $('table .highlight:first').removeClass('highlight'); 
        // A bit faster in theory
    }
});

If you only have one row with the class hightlight at all time you could use this:

$("#dialog").dialog({
    autoOpen: false,
    height: 170,
    width: 350,
    center: false,
    close: function(event, ui) {
        $('table .highlight:first').removeClass('highlight'); 
        // A bit faster in theory
    }
});

回复收藏 0 原文

挽你眉间 2024-08-18 22:51:22

也许您正在寻找这样的东西：

$(document).ready(function() {
    $("#dialog").dialog({
        autoOpen: false,
        height: 170,
        width: 350,
        center: false,
        close: function(event, ui) { 
            $("table tr").removeClass("highlight");
        }
    });

    $('.getData').click(function(e) {
        getResults($(this).attr('id'));
        $(this).parent().parent().addClass("highlight");
        $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
        return false;
    });
});

如果您有不止一行带有类突出显示的行，那么我建议在 $('.getData').click... 方法，以便您可以从 close 方法引用它。

maybe something like this is what you're looking for:

$(document).ready(function() {
    $("#dialog").dialog({
        autoOpen: false,
        height: 170,
        width: 350,
        center: false,
        close: function(event, ui) { 
            $("table tr").removeClass("highlight");
        }
    });

    $('.getData').click(function(e) {
        getResults($(this).attr('id'));
        $(this).parent().parent().addClass("highlight");
        $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
        return false;
    });
});

if you have more than the one row with the class highlight then I recommend setting a global variable in the $('.getData').click... method so you can reference it from the close method.

回复收藏 0 原文

~没有更多了~