jQueryUI的按钮显示的动作

Question

子菜单jQueryUI的文档有按钮的例子：

http://jqueryui.com/demos/button/#icons

在此页面我期待在与车轮和向下箭头最右边的例子。假设点击此按钮将显示某种操作菜单。但是他们没有在这个例子中实现其余部分。

我正在做这样的事情，其中​​每个项目会触发一些JavaScript代码。 是否有一个很好的例子，看起来像样的东西（这就是为什么我一直在看jQuery-UI）。

Answer 1

本页面给出了如何创建这些按钮菜单一个很好的例子：

https://www.filamentgroup.com/lab/jquery-ipod-style-and-flyout-menus.html

Answer 2

此调用添加到代码：

.menu({ 
           select: function(event, ui){ 
           alert('selected ' + ui.item.text()); 
           } }); 

参见：

$(function() { 
     $("#gear") 
       .button({ 
        text: false, 
        icons: { 
         primary: "ui-icon-gear", 
         secondary: "ui-icon-triangle-1-s" 
        } 
       }) 
       .click(function() { 
        var menu = $(this).parent().next().show().position({ 
         my: "left top", 
         at: "left bottom", 
         of: this 
        }); 
        $(document).one("click", function(event, ui) { 
         menu.hide(); 
        }); 
        return false; 
       }) 
       .parent() 
        .buttonset() 
        .next() 
         .hide() 
         .menu({ 
           select: function(event, ui){ 
           alert('selected ' + ui.item.text()); 
           } });