在 jquery 中自定义右键单击期间显示上下文菜单之前运行代码

Question

我使用了上下文菜单插件，并且能够在我当前开发的页面上运行。右键单击时，我想在显示上下文菜单之前运行代码（例如突出显示选定的行或列）。在哪里可以插入代码。我使用了这个链接上的插件。http://www.trendskitchens.co.nz/jquery/contextmenu/

我的HTML：

<table>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
<table>

我的js（上下文菜单）

$("table tr td").contextMenu('myMenu',{
     onContextMenu: function(e){
         // I want to process the selected 'td' or 'tr' here... ex. highlight it
     }
});

Answer 1

您可以访问右键单击的元素 e.target, ，例如：

$("table tr td").contextMenu('myMenu',{
    onContextMenu: function(e){
        $(e.target).effect("highlight", {}, 500);
    }
});

这 highlight 效果是一部分 jQueryUI.

Answer 2

可以使用以下代码来突出父行

 $("table tr td").contextMenu('myMenu',{
 onContextMenu: function(e){   
     var parent=$(e.currentTarget).parent();
     parent.addClass('SelectedRowColor');
 }

其中SelectedRowColor行是CSS类名。 希望这将有助于。