2012-04-20 2 views
1

div를 마우스 오른쪽 버튼으로 클릭 할 때 컨텍스트 메뉴를 열려면 contextmenu.js (jQuery 컨텍스트 메뉴 플러그인)를 사용하고 있습니다. 그러나 여하튼 기본 메뉴 만 열리고 있습니다. 정확한 문제를 찾을 수 없습니다.div를 마우스 오른쪽 버튼으로 클릭하면 컨텍스트 메뉴가 열리지 않습니다.

디버깅 중 오른쪽 클릭하면 컨텍스트 메뉴가 div에 연결된다는 것을 보여줍니다. 하지만 div를 마우스 오른쪽 버튼으로 클릭하면 기본 메뉴가 열립니다.

매우 제한된 정보를 제공하고 있지만 어떤 제안이나 도움도 도움이 될 것입니다.

감사합니다.

$(document).ready(function() { 
    $('#item-1').contextMenu({ 
    menue: 'menueName' 
    }, 
    function(action, el, pos) { 
    // do sth when the menu was clicked 
    alert('Action ' + action + ' was clicked on ' + $(el).attr('id')); 
    }); 
}); 

itselfe 정의해야하는 MENUE을 :

+0

정보를 더 제공 할 수 있습니까? 플러그인을 설정하는 코드는 무엇입니까? 클릭 이벤트에서 preventDefault()를 호출하려고 했습니까? 플러그인이 브라우저 간 호환이 가능합니까? 이게 도움이 될거야. http://www.abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/#demo – tbraun89

+0

고마워. 예, 저는 동일한 플러그인을 사용했습니다. – Infotechie

+0

감사합니다. preventDefault()를 호출하지는 않았지만 동일한 플러그인을 사용했습니다. preventDefault를 사용해야합니까? 그렇다면 안내해주십시오. – Infotechie

답변

0

는 나는 당신의 자바 스크립트는 다음과 같아야합니다

<div id="item-1">This should have a menu</div> 

그런 다음 메뉴를 가야 당신의 요소 인 경우,이 같은 뭔가를해야한다고 생각 같은 목록에 :

<ul id="#menueName" class="contextMenu"> 
    <li class="action1"> 
    <a href="#action1>Action 1</a> 
    </li> 
    <li class="action1"> 
    <a href="#action2>Action 2</a> 
    </li> 
</ul> 

또한 jQuery 1.3 이상이 페이지에 포함되어 있는지 확인하십시오. 이자형.

+0

같은 방식으로 작업합니다. 그러나 $ (document) .ready (function() 대신 $ (function())를 사용합니다. 사실 거짓 응용 프로그램에서는 제대로 작동하지만 프로젝트에 포함 시키면 작동하지 않습니다. 우리 프로젝트에는 다른 – Infotechie

+0

괜찮 으면'$ (function() {...});'을 제거해도 될까요?이 방법이 효과가 있습니까? 이것은 코드가 호출되지 않았 음을 의미하기 때문입니다. 귀하의 응용 프로그램에서 pageload. – tbraun89

0

동일한 문제가있었습니다. 을 jquery.contextMenu.js의 시작 부분에 넣고 (function($, undefined){으로 바꾸면 문제가 해결됩니다. 도움이되기를 바랍니다.

관련 문제