Javascript 下拉菜单不适用于safari

我有一个简单的下拉菜单，可以在chrome/firefox上运行，没有任何问题，但在safari上不起作用-单击按钮时不会显示该菜单：

<div>
    <a id='action-btn-1' href='#' data-toggle='dropdown' class='btn btn-default btn-xs edit' aria-haspopup='true' aria-expanded='false' role='button'>
        <span class="caret"></span>
    </a>
    <ul class='dropdown-menu text-left' role='menu' aria-labelledby='dLabel'>
        <li>aaa</li>
        <li>bbb</li>
    </ul>
</div>

aaa
bbb

---

这里可能有什么问题？

role='menu'

在Safari的

ul

元素下不受支持

---

你需要使用一个

元素。

好吧。。。您一直在使用

ARIA

功能。我一直在关注这项技术，只是出于兴趣。尽管必须指出，ARIA目前（2017年2月）的支持率不高。您可以很好地了解浏览器对ARIA功能的支持

但这张桌子模糊不清，保养不当。您必须单击每个元素以查看哪一行是什么。。。要找出哪个浏览器支持什么并不容易

<ul class='dropdown-menu text-left' role='menu' aria-labelledby='dLabel'>
    <li>aaa</li>
    <li>bbb</li>
</ul>

如果它不起作用，那么可能是Safari还不支持它。如果是这种情况，你可以考虑使用<代码>选择< /Cult>元素。

<ul class='dropdown-menu text-left' role='menu' aria-labelledby='dLabel'>
    <li role="menuitem">aaa</li>
    <li role="menuitem">bbb</li>
</ul>