Bootstrap 4 带下拉菜单的引导4丸导航-捕获单击

我可以创建一个Bootstrap4导航，没问题。我要做的是捕获单击的下拉菜单项的单击

媒体电话 打开 逾期的 完成 暂停 我尝试了至少3种不同的函数来捕获所单击菜单项的href。只有一个对单击作出反应，但它对菜单单击作出反应，而不是对菜单项作出反应

    $('a[data-toggle="dropdown"]').on('click', 'li', function(event) {
      // $(".dropdown a").on("show.bs.dropdown", function (event) {
      var x = $(this).text();
      alert(x);
    });

    $('a[data-toggle="dropdown"]').on("show.bs.dropdown", function(e) {
      Alert("1");
    });

    $(".dropdown").on("show.bs.dropdown", function(e) {
      var linkText = $(e.relatedTarget).text(); // Get the link text
      alert("2");
    });

感谢您对所单击菜单项的href的任何帮助

---

Fiddle

为了捕获单击菜单项的href属性，您可以在dom就绪时将单击事件处理程序附加到：

a.dropdown-item

$（'a.dropdown-item'）。在（'click'，函数（事件）{
var x=$（this.attr（'href'）；
控制台日志（x）；
});
.row{
背景#f8f9fa；
边缘顶部：20px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}