Safari에서 부트 스트랩 navbar 드롭 다운 링크가 작동하지 않습니다.

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