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

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

2 个答案: