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

簡而言之：有沒有人設法讓Bootstrap下拉導航鏈接在Safari（任何用戶代理）中工作？我查看了至少五個類似的線程，但沒有一個標準修復程序適用於我的情況。Bootstrap導航欄下拉鍊接在Safari中不起作用

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

來源

2016-09-20 Nick Andrews

可能會添加一個非常高的z值？ –

謝謝，我試過了。 Safari仍認識到發生了點擊 - 它只是不註冊activeElement值（將其記錄爲空）。 –

好了，我已經找到了一種解決方法。這適用於所有瀏覽器：

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

來源

2016-09-22 09:19:39

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

回答

相關問題