jquery - 在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 类名。希望这会有所帮助。