jQueryUI文档包含按钮示例:
http://jqueryui.com/demos/button/#icons
在这个页面上,我正在看一个带有方向盘和向下箭头的最右边的例子。假设点击此按钮将显示某种操作菜单。但是他们没有实现本例的其余部分。
我正在寻找这样的事情,每个项目都会触发一些javascript代码。 是否有一个很好的例子看起来很不错(这就是为什么我一直在看jQuery-UI)。
答案 0 :(得分:1)
此页面提供了如何创建这些按钮菜单的一个很好的示例:
https://www.filamentgroup.com/lab/jquery-ipod-style-and-flyout-menus.html
答案 1 :(得分:1)
将此调用添加到代码中:
.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() );
} } );