0

我使用了上下文菜单插件,并且能够在我当前开发的页面上运行。在右键单击时,我想在显示上下文菜单之前运行代码(例如突出显示选定的行或列)。我在哪里可以插入代码。我在这个链接上使用了插件。 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
     }
});
4

2 回答 2

0

您可以访问用 右键单击​​的元素e.target,例如:

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

highlight效果是jQueryUI的一部分。

于 2009-09-20T13:02:53.993 回答
0

您可以使用以下代码突出显示父行

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

其中 SelectedRowColor 行是 css 类名。希望这会有所帮助。

于 2009-09-20T13:37:45.580 回答