Question

在jQueryUI网站上，在下面的address中，有一个样式按钮样本使用向下箭头可以打开菜单（也许最好查看网址以确保理解......：O）。

让我们假设有以下标记：

<div id="buttonMenu" style="display: none;">
   <ul>
      <li><a href="#1">Menu Item 1</a></li>
      <li><a href="#2">Menu Item 2</a></li>
      <li><a href="#3">Menu Item 3</a></li>
      <li><a href="#4">Menu Item 4</a></li>
   </ul>
</div>

当有人点击该箭头时，有人可以告诉我如何将div显示为菜单？

提前感谢您的帮助！

Answer 1

最通用的解决方案是将拆分按钮包装在没有填充或边距的容器中，在容器上设置position: relative，然后使用类似的内容来定义使用时.show()菜单的显示位置1}}：

position: absolute;
left: 0;
top: <height of the split button>;

然而，一个更简单的解决方案是找到一个上下文菜单插件，它允许手动触发并设置一个单击处理程序，动态检索分割按钮左下角的位置并在那里触发上下文菜单插件。这样，如果用户点击其外的任何位置，您就不必重新创建菜单重新隐藏等内容。

如何使用jquery创建垂直滑动链接列表？

1 个答案: