【问题标题】:Bootstrap 4: Dropdown in <td> not showingBootstrap 4:<td> 中的下拉菜单未显示
【发布时间】:2020-02-03 14:23:10
【问题描述】:

我正在尝试使用 Bootstrap 4 框架在表格元素中创建一个下拉列表。检查器显示 WP-Database 中的内容已正确加载,但它们仍然显示为灰色。即使我单击按钮,也不会改变。

所以基本上,下拉选项不会显示/不会触发。我哪里错了?

实际代码:

<td>
    <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Auswählen
        </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <?php
            foreach($players as $player):
                echo "<li class='dropdown-item'><a href='#'>$player->post_title</a></li>";
                endforeach;
        ?>
        </ul>
    </div>
</td>

【问题讨论】:

    标签: html drop-down-menu bootstrap-4


    【解决方案1】:

    这是 W3 学校所说的。 “将 .dropdown-menu 类添加到“div”元素以实际构建下拉菜单。” 我认为您需要将“ul”更改为“div”。

    【讨论】:

    • 我试过了,不行。这可能是 JavaScript 问题吗?
    • 请务必在下拉元素后加载 bootstrap.min.js。
    • 如何实现?我在我的functions.php 中使用$in_footer=true 将脚本排入队列。然而,bootstrap.min.js 和 popper.min.js 都没有作为脚本加载到我的浏览器的页脚中。事实上,即使使用搜索功能,我也根本找不到它们。同一文件中的其余脚本加载得很好。我在上面添加了排队的代码。
    • 问题暂时解决了。那里有多种原因。首先,我的 mozilla 设置阻止我从 CDN 加载外部 cookie 和脚本。我通过将设置更改回默认值来修复。其次,入队函数缺少一个参数,从而阻止了加载本身。感谢您的帮助!
    • 如有任何问题,我会很高兴。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-04-15
    • 1970-01-01
    • 1970-01-01
    • 2020-10-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多