[英]Bootstrap navbar dropdown links don't work in Safari
Simply put: has anyone managed to get Bootstrap dropdown nav links to work in Safari (any user agent)? 简单地说:有没有人设法获得Bootstrap下拉导航链接在Safari(任何用户代理)工作? I have looked through at least five similar threads, but none of the standard fixes work in my case. 我已经查看了至少五个类似的线程,但没有一个标准修复工作在我的情况下。
Everything is fine in Chrome/Firefox, but nothing happens when the links are clicked in Safari (both Desktop and mobile). 在Chrome / Firefox中一切都很好,但在Safari(桌面和移动设备)中点击链接时没有任何反应。 I'm using Meteor. 我正在使用Meteor。
HTML: 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: JS:
Template.navigation.events({
'click #selectItem': function(){
var selectedItem = document.activeElement.getAttribute("id");
Session.set('selectedItem', selectedItem);
}
});
OK, so I have figured out a workaround. 好的,所以我找到了一个解决方法。 This works in all browsers: 这适用于所有浏览器:
Template.navigation.events({
'click #selectedItem': function(e){
var selectedItem = e.target.id;
Session.set('selectedItem', selectedItem);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.