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を参照してください。