Question

我的观点中有侧边栏，因为侧边栏无法点击，所以我遇到了问题。我不知道我在网上看到的关于这个问题的问题但是我做对了，请大家帮帮忙看一下这个问题吗？

请检查下面的代码：

我有一个master.blade.php：下面的代码。

<!DOCTYPE html>
<html lang="en">
<head>
      @include('layouts.head')
    </head>
    <body>
        <!-- START PAGE CONTAINER -->
        <div class="page-container">

            @include('layouts.sidebar')

            <!-- PAGE CONTENT -->
            <div class="page-content">

                @include('layouts.navigation')
                @include('layouts.breadcrumb')
                <!-- PAGE CONTENT WRAPPER -->
                <div class="page-content-wrap">
                   @yield('content')
                </div>
                <!-- END PAGE CONTENT WRAPPER -->
            </div>
            <!-- END PAGE CONTENT -->
        </div>
        <!-- END PAGE CONTAINER -->

        @include('layouts.messagebox')

        <!-- START PRELOADS -->
        <audio id="audio-alert" src="audio/alert.mp3" preload="auto"></audio>
        <audio id="audio-fail" src="audio/fail.mp3" preload="auto"></audio>
        <!-- END PRELOADS -->

    <!-- START SCRIPTS -->
        <!-- START PLUGINS -->
        {{HTML::script('js/plugins/jquery/jquery.min.js');}}
        {{HTML::script('js/plugins/jquery/jquery-ui.min.js');}}
        {{HTML::script('js/plugins/bootstrap/bootstrap.min.js');}}

        <!-- END PLUGINS -->

        <!-- START THIS PAGE PLUGINS-->
        {{HTML::script('js/plugins/icheck/icheck.min.js');}}
        {{HTML::script('js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js');}}
        {{HTML::script('js/plugins/scrolltotop/scrolltopcontrol.js');}}

        {{HTML::script('js/plugins/morris/raphael-min.js');}}
        {{HTML::script('js/plugins/morris/morris.min.js');}}
        {{HTML::script('js/plugins/rickshaw/d3.v3.js');}}
        <!-- {{HTML::script('js/plugins/rickshaw/rickshaw.min.js');}} -->
        {{HTML::script('js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js');}}
        {{HTML::script('js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js');}}
        {{HTML::script('js/plugins/bootstrap/bootstrap-datepicker.js');}}
        {{HTML::script('js/plugins/owl/owl.carousel.min.js');}}
        {{HTML::script('js/plugins/bootstrap/bootstrap-select.js');}}

        <!-- END THIS PAGE PLUGINS-->

        <!-- START TEMPLATE -->
        {{HTML::script('js/ixepms.js');}}
        <!-- {{HTML::script('js/settings.js');}} -->
        {{HTML::script('js/plugins.js');}}
        {{HTML::script('js/actions.js');}}
        {{HTML::script('js/demo_dashboard.js');}}
        <!-- END TEMPLATE -->
        <!--START DATA TABLE TEMPLATES PLUGIN-->
        {{HTML::script('js/plugins/datatables/jquery.dataTables.min.js')}}
        <!--END DATA TABLE TEMPLATES PLUGIN-->
        @yield('script')
        @yield('department_script')

    <!-- END SCRIPTS -->
    </body>
</html>

正如您在代码中注意到的那样，我在主页中@include一个侧边栏

layouts / sidebar.blade.php：以下代码

<!-- START PAGE SIDEBAR -->
            <div class="page-sidebar">
                <!-- START X-NAVIGATION -->
                <ul class="x-navigation">
                    @include('layouts.profile')
                    <li class="xn-title">Navigation</li>
                      <li class="xn-openable">
                        <a href="javascript:;"><span class="fa fa-dashboard"></span> <span class="xn-text">Dashboards</span></a>
                        <ul>

                           <!-- <li><a href="{{{URL::to('task/dash',1)}}}"><span class="fa fa-desktop"></span> <span class="xn-text">General Dashboard</span></a></li> -->

                           <li><a href="{{{URL::to('task/dash',2)}}}"><span class="fa fa-desktop"></span> <span class="xn-text">General Dashboard</span></a></li>
                           <li><a href="{{{URL::to('task/dash',3)}}}"><span class="fa fa-desktop"></span> <span class="xn-text">My Dashboard</span></a></li>
                        </ul>
                        </li>
                        <li class="xn-openable">
                        <a href=""><span class="fa fa-users"></span> <span class="xn-text"> Manage Users</span></a>
                            <ul>
                                        <li><a href="{{{route('user.index')}}}"><span class="fa fa-file"></span> <span class="xn-text">Users</span></a></li>
                                        <li><a href="#"><span class="fa fa-file-text"></span> <span class="xn-text">Add New User</span></a></li>
                                        <li><a href="#"><span class="fa fa-file-text-o"></span> <span class="xn-text">View Profile</span></a></li>
                                        <li><a href="#"><span class="fa fa-file-text-o"></span> <span class="xn-text">Deactivated Users</span></a></li>

                                </ul>
                        </li>
                         <li class="xn-openable">
                            <a href=""><span class="fa fa-files-o"></span> <span class="xn-text">Assessment</span></a>

                                <ul>
                                        <li><a href="{{ route('assessment.index') }}"><span class="fa fa-file"></span> <span class="xn-text">Do My Assessment</span></a></li>
                                        <li><a href="{{ route('assessment.index') }}"><span class="fa fa-file-text"></span> <span class="xn-text">Peer Assessment</span></a></li>
                                        <li><a href="{{ route('assessment.index') }}"><span class="fa fa-file-text-o"></span> <span class="xn-text">Supervisorial Assessment</span></a></li>

                                </ul>
                        </li>
                        <li>
                            <a href="{{{route('behavioralsub.index')}}}"><span class="fa fa-folder-open"></span> <span class="xn-text">Manage Assessments</span></a>
                        </li>
                </ul>
                <!-- END X-NAVIGATION -->
            </div>
            <!-- END PAGE SIDEBAR -->

你能检查我的侧边栏为什么不可点击？

Answer 1

使用元素检查器......您可能在侧栏上有一些元素（如div，可能是.page-content）。

Laravel 4：边栏不可点击

1 个答案: