Twitter bootstrap 3 Twitter引导下拉列表显示/隐藏事件它们是如何工作的

我试图理解twitter引导中下拉列表的显示/隐藏逻辑是如何工作的

我可以用HTML在导航栏中声明一个下拉菜单，但是Javascript似乎与显示/隐藏下拉菜单有关如果我点击页面上不相关的区域，下拉列表也会消失。

问题第1部分：在哪里可以找到引导中下拉列表涉及的Javascript代码

问题第2部分：当某个下拉菜单接收到一个“焦点输出”事件时，是否有可能利用事件逻辑并执行一些自定义Javascript代码？例如，当下拉菜单失去焦点时，我可以隐藏页面上的另一个（不相关）元素

更准确地说： 假设我声明了一个纯HTML格式的引导下拉列表（它将位于

ul.nav.navbar nav

）：

因此，如何以及在何处注册

隐藏

和

显示

函数，以便在打开/关闭下拉列表时以及在屏幕上单击不相关区域时调用它们，从而关闭下拉列表

如果可以通过将一些

数据-*

元素附加到我的

div#background

来实现纯HTML，那么我也想知道这一点。

首先： 你想过这样的事情吗

$('.dropdown-toggle').dropdown();

从你那里得到的

第二：

你可以调用下拉链接

$('#element').click( function(){
    $('#dropdownElement').dropdown();
});

这就是你要找的吗？

首先： 你想过这样的事情吗

$('.dropdown-toggle').dropdown();

从你那里得到的

第二：

你可以调用下拉链接

$('#element').click( function(){
    $('#dropdownElement').dropdown();
});

---

这就是你要找的吗？

不完全是。我已经更新了我的问题，以便更清楚地解释我在寻找什么。我已经更新了我的问题，以更清楚地解释我在寻找什么。

$('#element').click( function(){
    $('#dropdownElement').dropdown();
});