JQuery 마우스 오른쪽 버튼을 클릭하면 컨텍스트 메뉴

Question

안녕하세요 저는 JQuery를 처음 사용하기 때문에 마우스 오른쪽 버튼으로 컨텍스트 메뉴를 갖고 싶습니다. 내가 봤 거든 샘플 코드를 찾았 어

이것은 내가 사용하고있는 코드이다.

$(document).ready(function(){ 
    $('#rightclickarea').bind('contextmenu',function(e){ 
    var $cmenu = $(this).next(); 

    $('<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: getLeftPosition(e), top: getTopPosition(e), zIndex: '101' }).show(); 

    return false; 

    }); 

    $('.vmenu .first_li').live('click',function() { 
     if($(this).children().size() == 1) { 
      //alert($(this).children().text()); 
      $('.vmenu').hide(); 
      $('.overlay').hide(); 
     } 
    }); 

    $('.vmenu .inner_li span').live('click',function() { 
      //alert($(this).text()); 
      $('.vmenu').hide(); 
      $('.overlay').hide(); 
    }); 


    $(".first_li , .sec_li, .inner_li span").hover(function() { 
     $(this).css({backgroundColor : '#E0EDFE' , cursor : 'pointer'}); 
    if ($(this).children().size() >0) 
      $(this).find('.inner_li').hide(); 
      $(this).css({cursor : 'default'}); 
    }, 
    function() { 
     $(this).css('background-color' , '#fff'); 
     $(this).find('.inner_li').hide(); 
    });   

}); 

제 문제는 모든 것이 올바르게 작동하는 것입니다. 하지만 다시 rightclick하면 아무 것도 나타나지 않습니다. 메뉴를 다시 표시하려면 중간 왼쪽 클릭을하고 오른쪽 클릭을 다시해야합니다. 사람이

Answer 1

이

어쨌든 (당신은 그래서 우리는 더 나은 당신을 도울 수? jsfiddle.net하기 위해 코드를 업로드 수)이 문제를 사전에

감사를 해결하는 데 도움이 될 수 있습니다, 내 조언이를 사용하는 것입니다 문맥 메뉴 플러그인 :
http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/

희망이 있습니다. 건배