如何使用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 。