Question

I lack of idea why the sample copy from Bootstrap are not able to workout and keep throwing the error message on below:

Attribute "aria-expanded" not allowed on element "a" at this point.

<ul class="nav navbar-nav">
                        <li><a href="#">Home </a></li>
                        <li><a href="#">Log-In</a></li>
                        <li class="dropdown">
                            <a href="#" aria-expanded="false" class="dropdown-toggle" data-toggle="dropdown" role="button" >
                                Management <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="presentation">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li> 
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                                <li class="divider"></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
</ul>

Anyone have face the same problem before? Please help!!!

Answer 1

使用以下

<li class="dropdown active">

或

<li class="dropdown active open">

而不是直接设置

aria-expanded="false"

和

aria-expanded="true"

分别

Bootstrap~“aria-expanded”不接受元素<a>

1 个答案: