Question

我从github获得了这个bootstrap管理面板主题，它都是用html文件编写的。我有我的这个网站（我也使用codeigniter php框架）我想应用我从git下载的bootstrap主题。

现在，问题是在我将其应用到我一直在使用的网站之后，除了下拉菜单和菜单切换之外，所有工作都正常。在我将它应用到我的网站之前，我先测试它是否正常工作，一切都很好。

我已经尝试过与我有相同问题的其他帖子中的建议，例如将jquery.min.js放在bootstrap.min.js之前。但仍然无法正常工作。

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>NEH </title>

    <!-- Bootstrap core CSS -->
   <link href="<?php echo base_url('assets/css/bootstrap.min.css') ?>" rel="stylesheet">
   <link href="<?php echo base_url('assets/fonts/css/font-awesome.min.css') ?>" rel="stylesheet">
   <link href="<?php echo base_url('assets/css/animate.min.css') ?>" rel="stylesheet">


    <!-- Custom styling plus plugins -->
   <link href="<?php echo base_url('assets/css/custom.css') ?>" rel="stylesheet">
   <link href="<?php echo base_url('assets/css/maps/jquery-jvectormap-2.0.1.css') ?>" rel="stylesheet">
   <link href="<?php echo base_url('assets/css/icheck/flat/green.css') ?>" rel="stylesheet">
   <link href="<?php echo base_url('assets/css/floatexamples.css') ?>" rel="stylesheet">


    <script src="<?php echo base_url('assets/js/jquery.min.js') ?>"></script>
    <script src="<?php echo base_url('assets/js/bootstrap.js') ?>"></script>
    <script>
        $(document).ready(function () {
            $('.dropdown-toggle').dropdown();
        });
    </script>


    <!--[if lt IE 9]>
        <script src="../assets/js/ie8-responsive-file-warning.js"></script>
        <![endif]-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

</head>

侧边栏菜单部分：

<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">

                        <div class="menu_section">
                            <h3>General</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu" style="display: none">
                                        <li><a href="index.html">Dashboard</a>
                                        </li>
                                        <li><a href="index2.html">Dashboard2</a>
                                        </li>
                                        <li><a href="index3.html">Dashboard3</a>
                                        </li>
                                    </ul>
                                </li>

                                <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu" style="display: none">
                                        <li><a href="tables.html">Tables</a>
                                        </li>
                                        <li><a href="tables_dynamic.html">Table Dynamic</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>

                                </li>
                            </ul>
                        </div>


                    </div>

Boostrap下拉菜单和切换不起作用

0 个答案: