jquery UI 메뉴 사용자 정의 팝업

Question

위젯은 http://docs.jquery.com/UI/Menu입니다.

이 데모에서 볼 수 있듯이 나는 정확히 같은 동작을 달성하고 싶습니다

: http://view.jqueryui.com/menubar/demos/menu/contextmenu.html

하지만 내 페이지에이 코드를 추가하는 경우 :

<div class="demo"> 

<button>Select a city</button> 
<ul id="cities"> 
    <li><a href="#Amsterdam">Amsterdam</a></li> 
    <li><a href="#Anaheim">Anaheim</a></li> 
    <li><a href="#Cologne">Cologne</a></li> 
    <li><a href="#Frankfurt">Frankfurt</a></li> 
    <li><a href="#Magdeburg">Magdeburg</a></li> 
    <li><a href="#Munich">Munich</a></li> 
    <li><a href="#Utrecht">Utrecht</a></li> 
    <li><a href="#Zurich">Zurich</a></li> 
</ul> 

<div id="log"></div> 

$(function() { 
     var btn = $(".demo button").button({ 
      icons: { 
       primary: "ui-icon-home", 
       secondary: "ui-icon-triangle-1-s" 
      } 
     }); 
     $("#cities").menu({ 
      select: function(event, ui) { 
       $("#log").append("<div>Selected " + ui.item.text() + "</div>"); 
      }, 
      trigger : btn}); 
    });​ 

이 결과가 나타납니다. http://jsfiddle.net/Q7CTz/

데모에서 다소 다른 jquery UI를 사용하고있는 것을 보았지만 정확한 차이점을 파악할 수 없었습니다. 데모에서 볼 수있는 것과 같이 순수 jquery UI로 동일한 로컬 팝업을 만드는 방법을 알려주십시오.

타사 플러그인을 사용하지 않는 것이 좋습니다.

Answer 1

데모는 jquery ui 1.9로 작성되었으며,이 글을 쓰는 순간 아직 공개적으로 공개되지 않았습니다. http://blog.jqueryui.com/2010/06/jquery-ui-19m2-menu/

그래서 jquery-ui 1.8 시리즈를 사용하여 데모에서의 동작을 달성 할 수 없습니다. 현재 최신 개발 버전은 1.9m7입니다. 을 (를) https://github.com/jquery/jquery-ui/tree/1.9m7/ui