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

Question

我一直试图让Twitter的Bootstrap下拉父链接在第二次点击时作为普通锚标记运行，以允许用户通过第一次点击然后在第二次点击时打开手机上的下拉列表，导航到父链接的href。为了达到这个目的，我注意到当单击下拉列表一次时，它会自动向下拉列表中添加一个open类。但是，当我尝试使用jQuery选择它时，使用一个下拉切换类找到它的子锚，并向此锚添加一个click事件，没有任何反应。我的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就是这个（它现在只是一个console.log语句作为测试）：

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

另外，只有fyi，有两个下拉切换链接的原因是因为一个显示在桌面上并允许用户悬停以显示下拉列表而另一个用作触发的标准引导下拉列表点击。