jquery ui menuカスタムポップアップ

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