Bootstrap導航欄下拉鏈接在Safari中不起作用

Question

簡單地說：有沒有人設法獲得Bootstrap下拉導航鏈接在Safari（任何用戶代理）工作？ 我已經查看了至少五個類似的線程，但沒有一個標准修復工作在我的情況下。

在Chrome / Firefox中一切都很好，但在Safari（桌面和移動設備）中點擊鏈接時沒有任何反應。 我正在使用Meteor。

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);
  }
});

Answer 1

好的，所以我找到了一個解決方法。 這適用於所有瀏覽器：

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