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 (컨텍스트 메뉴) 당신은 e.target와 마우스 오른쪽 버튼으로 클릭 한 요소에 액세스 할 수 있습니다

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

Answer 1

, 예를 들면 :

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

효과는 highlight입니다. f jQueryUI.

Answer 2

당신은 SelectedRowColor 행이 CSS 클래스 이름입니다 상위 행

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

을 강조하기 위해 다음과 같은 코드를 사용할 수 있습니다. 희망이 도움이 될 것입니다.