javascript - Bootstrap导航栏下 zipper 接在Safari中不起作用

简而言之：有没有人设法使Bootstrap下拉导航链接在Safari（任何用户代理）中工作？我查看了至少五个类似的线程，但是在我的情况下，没有标准的修补程序起作用。

在Chrome / Firefox中，一切都很好，但是在Safari中（无论是台式机还是移动设备）单击链接，都不会发生任何反应。我正在使用流星。

HTML：

<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{selectedItem}}<span class="caret"></span></a>

     <ul id="selectItem" class="dropdown-menu nav navbar-nav navbar-right">
          <li><a id="abc" href="#">ABC</a></li>
          <li><a id="def" href="#">DEF</a></li>
          <li><a id="ghi" href="#">GHI</a></li>
     </ul>
 </li>

JS：

Template.navigation.events({
  'click #selectItem': function(){
    var selectedItem = document.activeElement.getAttribute("id");
    Session.set('selectedItem', selectedItem);
  }
});

最佳答案

好，所以我想出了一种解决方法。这适用于所有浏览器：

Template.navigation.events({
  'click #selectedItem': function(e){
    var selectedItem = e.target.id;
    Session.set('selectedItem', selectedItem);
  }
});