javascript - 如何使用 span 标签和字形图标而不是 Bootstrap 上的按钮制作下拉菜单？

Question

我找了很久都没有找到。

我找到了一个 link解释了如何去做，但没有例子，我不知道如何在我的网站上实现。

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

Answer 1

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

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

#willtoggle 是一个包含在 Bootstrap 上定义的插入符号类的跨度，因此在单击时，它将切换下拉菜单(id="toggled")。

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

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

这是 JSFiddle我做的。