javascript - Bootstrap - 两个下拉菜单，但只有我点击的第一个有效

Question

我添加了两个引导 (4.3.1) 下拉按钮。我点击两者中的第一个并不重要。我点击的第一个有效。但是第二个给出了错误并且不起作用。

applyStyle.js:66 Uncaught TypeError: Cannot read property 'setAttribute' of null at Object.onLoad (applyStyle.js:66) at index.js:69 at Array.forEach () at new t (index.js:67) at cttoggle (dropdown.js:176) 在 HTMLAnchorElement。(dropdown.js:381) 在 Function.each (jquery-3.5.1.min.js:2) 在 S.fn.init.each (jquery-3.5.1.min.js:2) 在 S.fn。 HTMLAnchorElement 处的 init.c._jQueryInterface [作为下拉菜单] (dropdown.js:368)。(dropdown.js:525)

下面是我的代码：

<div class="top-link" id="menu_usecases">
            <div class="btn-group">
    
                <div class="dropdown show">
                    <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Use Cases
                    </a>

                    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
                        <a class="dropdown-item" href="/usecases/cx"><B>Customer Experience</B></a>
                        <a class="dropdown-item" href="/usecases/sc"><B>Supply Chain</B></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="top-link" id="menu_resources">
            <div class="btn-group">
          
                <div class="dropdown show">
                    <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Resources
                    </a>

                    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink2">
                        <a class="dropdown-item" href="/news"><B>News</B></a>
                        <a class="dropdown-item" href="/resources"><B>Technical Documents</B></a>
                    </div>
                </div>
            </div>
        </div>    

有谁知道这可能是什么原因？

标签： javascripthtmltwitter-bootstrapdropdown