Bootstrap navbarドロップダウンリンクがSafariで動作しない

Question

簡単に言えば、誰でもSafari（任意のユーザエージェント）で動作するBootstrapドロップダウンナビゲーションリンクを取得できますか？私は少なくとも5つの同様のスレッドを見てきましたが、私の場合は標準的な修正はありません。

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

Answer 1

OK、私は回避策を考え出しました。これはすべてのブラウザで動作します：

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