Javascript 通过选择具有动态添加的类的父级，将单击事件添加到子级

我一直在尝试让Twitter的引导下拉父链接在第二次点击时起到普通锚定标签的作用，允许用户在第一次点击时打开手机上的下拉列表，然后在第二次点击时导航到父链接的href。为了实现这一点，我注意到当下拉列表被单击一次时，它会自动向下拉列表的父级li添加一个open类。然而，当我尝试用jQuery选择它时，用一个下拉切换类找到它的子锚点，并向这个锚点添加一个单击事件，什么都没有发生。我的html如下所示：

<li class="dropdown open">
  <a href="#" class="dropdown-toggle visible-md visible-lg visible-xl">Dropdown <b class="caret"></b></a>
  <a href="http://google.com" class="dropdown-toggle visible-sm visible-xs" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
    <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
    </ul>
</li>

---

另外，仅供参考，之所以有两个下拉切换链接，是因为其中一个显示在桌面上，允许用户悬停以显示下拉列表，而另一个作为单击时触发的标准引导下拉列表。

是否有不使用引导事件本身的原因？参考：尝试将上面的jquery代码放入以下事件的回调中：$（'#myDropdown'）.on（'show.bs.dropdown'，function（）{//do something…}）感谢我还没有看到的家伙（这是我使用引导的第一个站点）。使用on（'hide.bs.dropdown'）非常有效。

$('li.dropdown.open').find('a.dropdown-toggle').on('click', function() {
console.log('works');
});