如何使用span标签和glyphicon而不是bootstrap上的按钮制作下拉菜单？

Question

我一直在寻找很长时间没有成功。

我找到了一个说明如何执行此操作的链接 ，但没有示例，我也不知道如何在我的网站上实施。

有人可以帮助我吗？ 有人知道该怎么做吗？

Answer 1

这是您要查找的，带有jquery的代码：

$('#willtoggle').on('click', function (event) {
    $("#toggled").toggle();
});

#willtoggle是一个在引导程序上定义了插入符号类的跨度，因此在单击时，它将切换下拉菜单（具有id =“ toggled”）。

并在外部单击时隐藏该代码：

$(document).on('click', function(event) {
  if ($(event.target).closest('.dropdown').length === 0) {
      $("#toggled").hide();
  }
});

这是我制作的JSFiddle 。