首页 文章

Bootstrap下拉自定义切换不在Wordpress中打开

提问于
浏览 次
0

我有一个自定义下拉切换，它将显示一个项目列表 . 这在我的静态HTML网站上应该可以正常工作，但是在转换为Wordpress时，切换不再有效 . 它应该是这样的：

enter image description here

当在Wordpress站点上单击插入符号时，下拉列表拒绝显示 . 有点奇怪，因为我直接从Bootstrap组件页面放置了默认的下拉菜单，而下拉菜单按钮也没有正确显示 .

这是我的HTML：

<div class="playlist-select">
        <div class="discovery-mode">
                DISCOVERY MODE
        </div>
        <div class="playlist-choice">
            <button class="btn btn-default dropdown-toggle playlist-select-dropdown" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    FRESH FINDS
                    <span class="caret"></span>
            </button>
            <ul class="dropdown-menu select-dropdown" aria-labelledby="dropdownMenu1">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
            </ul>
        </div>
    </div>
html css wordpress twitter-bootstrap

2 回答

  • 2

    您必须将引导程序排入网站的页脚才能使其正常工作：

    add_action('wp_enqueue_scripts','load_bootstrap');
function load_bootstrap() {
wp_enqueue_script('bootstrap', //path to bootstrap or cdn here, array(), '', true);
}

    主题： wp_enqueue_script('bootstrap', get_template_directory_uri(). '/assets/js/bootstrap.min.js', array(), '', true);

    儿童主题： wp_enqueue_script('bootstrap', get_stylesheet_directory_uri() . '/assets/js/bootstrap.min.js', array(), '', true);

    该代码的真实部分将js加载到页脚中，以便它在dom准备就绪后进入并应用 .

    回复于
  • 0

    可能你需要检查z-index . 我认为如此溢出：隐藏或没有正确的位置导致问题 .

    回复于

相关问题