如何在 bootstrap 上制作一个带有 span 标签和字形而不是按钮的下拉菜单？

Question

我找了很久都没有找到。

我找到了一个 link 来解释如何操作，但是它没有示例，我不知道如何在我的网站上实施。

谁能帮帮我？有人知道怎么做吗？

Answer 1

这是您正在寻找的代码，jquery:

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

#willtoggle 是在 bootstrap 上定义的插入符号 class 的跨度，因此在单击时，它将切换下拉菜单（具有 id="toggled").

以及点击外部时隐藏它的代码：

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

这是我制作的 JSFiddle。

How to make a dropdown menu with span tag and glyphicon instead of button on bootstrap?