Question

我有一个简单的下拉菜单，适用于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>

这里可能出现什么问题？

Answer 1

Safari在ul元素下不支持{p> <select>。

您需要使用mongoose.connect(dbConnection, dbOptions, function (err, res) { if (err) { console.log('ERROR connecting to: ' + dbConnection + '. ' + err); } else { console.log('Successfully connected to: ' + dbConnection); } }); elelemt。

Answer 2

嗯......您一直在使用public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapRoute( name: "Default", url: "{controller}/{action}/{id}", defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }, constraints: new { controller = "Home|Api|Account|App|token" } // this is basically a regular expression ); routes.MapRoute( "Angular", "{*url}", defaults: new { controller = "Home", action = "Index" } ); }功能。出于兴趣，我一直在关注这项技术。虽然必须指出ARIA目前尚未获得如此广泛的支持（2017年2月）。您可以对浏览器对ARIA功能here的支持有一个很好的概述。

但该表格含糊不清，维护不当。你必须点击每个元素才能看到哪一行是什么......要找出哪个浏览器支持哪些内容并不容易。

ARIA

这里的问题是<ul class='dropdown-menu text-left' role='menu' aria-labelledby='dLabel'> <li>aaa</li> <li>bbb</li> </ul>。如果Opera支持，你必须先检查。如果是这样，可能是因为他们比其他浏览器（如firefox）更严格地遵循规范。也许您可以尝试添加menuitem - 角色来验证是否不是。

role='menu'

如果它不起作用，则Safari可能不支持。如果是这种情况，您可以考虑使用<ul class='dropdown-menu text-left' role='menu' aria-labelledby='dLabel'> <li role="menuitem">aaa</li> <li role="menuitem">bbb</li> </ul>元素。

下拉菜单不适用于safari

2 个答案: