Question

我正在尝试以下方法：

$('table.table_record_even').bind("contextmenu", function(e) {
    $('#right_menu').css({
        top: e.pageY+'px',
        left: e.pageX+'px'
    }).show();
    return false;

    $(this).css({"background":"#FFFBCC"});

});

当右键单击表格时，css不会改变。有人知道如何解决它？

日Thnx

修改

我已经改变了一点代码，我已经做了一个小提琴来解释一下。如您所见，右键单击删除悬停类有一点问题。

http://fiddle.jshell.net/9Ku7h/5/

Answer 1

在处理css之前你返回false;

    $('table.table_record_even').bind("contextmenu", function(e) {
        $('#right_menu').css({
            top: e.pageY+'px',
            left: e.pageX+'px'
        }).show();


        $(this).css({"background":"#FFFBCC"});
    return false;

    });

Answer 2

$('table.table_record_even').mousedown(function(e) {
    if (e.which === 3) {
        /* Right Mousebutton was clicked! */
        $('#right_menu').css({
           top: e.pageY+'px',
           left: e.pageX+'px'
        }).show();

        $(this).css({"background":"#FFFBCC"});
        return false;
    }
});

Answer 3

这是因为return语句，只需将其移到函数的底部：

$('table.table_record_even').bind("contextmenu", function(e) {
    $('#right_menu').css({
        top: e.pageY+'px',
        left: e.pageX+'px'
    }).show();
    $(this).css({"background":"#FFFBCC"});
    return false;

});

Answer 4

尝试：

$('table.table_record_even').bind("contextmenu", function(e) {
    $('#right_menu').css({'position':'absolute',
        "top": e.pageY+'px',
        "left": e.pageX+'px'
    }).show();


    $(this).css({"background":"#FFFBCC"});
    return false;

});

jquery绑定更改css

4 个答案: