Javascript jQueryUI按钮显示操作的子菜单
jQueryUI文档中有按钮示例: 在这一页上,我看到了最右边的一个例子,上面有一个轮子和一个向下箭头。假设单击此按钮将显示某种类型的操作菜单。但是,对于这个示例,他们没有实现其余的部分 我希望这样做,每个项目都会触发一些javascript代码。Javascript jQueryUI按钮显示操作的子菜单,javascript,jquery,jquery-ui,menu,Javascript,Jquery,Jquery Ui,Menu,jQueryUI文档中有按钮示例: 在这一页上,我看到了最右边的一个例子,上面有一个轮子和一个向下箭头。假设单击此按钮将显示某种类型的操作菜单。但是,对于这个示例,他们没有实现其余的部分 我希望这样做,每个项目都会触发一些javascript代码。 有没有一个很好的例子来说明一些看起来不错的东西(这就是为什么我一直在看jQuery UI)。这个页面提供了一个很好的例子,说明如何创建这些按钮菜单: 将此调用添加到代码中: .menu( {
有没有一个很好的例子来说明一些看起来不错的东西(这就是为什么我一直在看jQuery UI)。这个页面提供了一个很好的例子,说明如何创建这些按钮菜单:
将此调用添加到代码中:
.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() );
} } );