创建一个jQueryUI 1.8按钮菜单

现在jQueryUI 1.8已经不存在了，我浏览了更新并且遇到了新的Button widget，特别是其中一个演示SplitButton with a dropdown。这个演示似乎暗示Button按钮可以用来在这里创建一个下拉菜单。创建一个jQueryUI 1.8按钮菜单

作为讨论的问题，我想知道使用这个新的Button小部件创建下拉菜单的方式。

干杯。

来源

2010-04-14 Brian M. Hunt

可能值得注意的是，我决定使用Bootstrap button dropdowns。

来源

2012-07-13 18:29:48

我偶然发现了这篇文章。我感谢你发布这个链接！哇！！！ Bootstrap岩石！ – skel625 2012-07-22 05:25:27

上面的链接显示旧版本的Bootstrap。更新的URL是http://getbootstrap.com/。 – wolfstevent 2014-04-13 16:39:07

您将不得不在按钮下方放置一个列表，其方式与此处提供的用于自动完成的演示类似：http://jqueryui.com/demos/autocomplete/。

本质上，您将替换button demo中显示警报的代码“可以显示带有选定操作的菜单”，代码就是这样。此代码可以关火很多jQuery的菜单插件，在那里的一个，like this one.

<div class="demo"> 

    <div> 
     <button id="rerun">Run last action</button> 
     <button id="select">Select an action</button> 
    </div> 

</div> 

<script type="text/javascript"> 
$(function() { 
    $("#rerun").button().click(function() { 
     alert("Running the last action"); 
    }) 
    .next() 
    .button({ 
     text: false, 
     icons: { 
      primary: "ui-icon-triangle-1-s" 
     } 
    }) 
    .click(function() { 
     // Code to display menu goes here. <<<<<<<<<<<< 
    }) 
    .parent() 
    .buttonset(); 
});

来源

2010-04-14 21:09:20

你也可以告诉它使用内置的按钮事件来创建菜单：

//... 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#yourButtonsID").click(function(){ 
     $("#yourDropDown").show();  
    }); 
}); 
</script> 
</head> 

<body> 
<button id="leftButtonSection">Do Something</button> 
<button id="yourButtonsID">Open Menu</button> 
<div id="yourDropDown"> 
    <ul> 
     <li>Option One</li> 
     <li>Option Two</li>  
    </ul> 
</div> 
</body>

来源

2010-05-17 06:56:26 Trafalmadorian

创建一个jQueryUI 1.8按钮菜单

回答

相关问题