ID를 상황에 맞는 메뉴로 선택

Question

컨텍스트 메뉴를 사용하여 컨트롤을 편집하고 싶습니다. 마우스 오른쪽 버튼을 클릭하면 메뉴 ID 번호가 필요하지만 첫 번째 메뉴 ID 만 기록됩니다. 어떻게 해결할 수 있습니까? 시험에 대한

$('#kutu').bind('contextmenu',function(e){ 
     var $cmenu = $(this).next(); 
     var ix = $(this).parent().find("h1").parent().find("div").html(); 
     $("#bilgiler").html(ix); 
     $('<div class="overlay"></div>').css({left : '0px', top : '0px',position: 'absolute', width:             '100%', height: '100%', zIndex: '100' }).click(function() { 
      $(this).remove(); 
      $cmenu.hide(); 
     }).bind('contextmenu' , function(){return false;}).appendTo(document.body); 
     $(this).next().css({ left: e.pageX, top: e.pageY-15, zIndex: '101' }).show(); 

     return false; 
     }); 

그리고 내 PHP 메뉴 코드 ..

echo '<H1 class="ustBaslik" id="fakulteBilgileriH1">'; 
    echo '<img src="../resimler/bolge.png" alt="" /> '.$cek["KategoriIsmi"].$cek["KategoriID"]; 
    echo '<div style="display:none">'.$cek["KategoriID"].'</div></H1>'; 

: http://jsfiddle.net/6KdKC/3/

Answer 1

변경에 스크립트 :

$('#kutu h1').bind('contextmenu', function(e) { 
    var $cmenu = $(this).parent().next(); 
    var ix = $(this).find('div').html(); 
    $("#bilgiler").html(ix); 
    $('<div class="overlay"></div>').css({ 
     left : '0px' 
     , top : '0px' 
     , position: 'absolute' 
     , width: '100%' 
     , height: '100%' 
     , zIndex: '100' 
    }).click(function() { 
     $(this).remove(); 
     $cmenu.hide(); 
    }).bind('contextmenu', function(){ 
     return false; 
    }).appendTo(document.body); 
    $cmenu.css({ 
     left: e.pageX 
     , top: e.pageY - 15 
     , zIndex: '101' 
    }).show(); 
    return false; 
}); 

는 또한 업데이트 된 jsfiddle를 참조하십시오.