Bootstrap 导航栏下拉链接在 Safari 中不起作用
Bootstrap navbar dropdown links don't work in Safari
简单地说:有没有人设法让 Bootstrap 下拉导航链接在 Safari(任何用户代理)中工作?我已经浏览了至少五个类似的线程,但 none 的标准修复程序适用于我的情况。
在 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);
}
});
简单地说:有没有人设法让 Bootstrap 下拉导航链接在 Safari(任何用户代理)中工作?我已经浏览了至少五个类似的线程,但 none 的标准修复程序适用于我的情况。
在 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);
}
});