Javascript Laravel 4：侧边栏不可单击_Javascript_Php_Html_Css_Laravel

Javascript Laravel 4：侧边栏不可单击

javascript php html css laravel

Javascript Laravel 4：侧边栏不可单击,javascript,php,html,css,laravel,Javascript,Php,Html,Css,Laravel,在我的视图中有一个侧边栏，我遇到了问题，因为侧边栏不可点击。我不知道我在网上看到的关于这个问题的问题是什么，但我做了正确的事情，请有人帮我检查一下吗请检查下面的代码：我有一个master.blade.php：下面的代码 <!DOCTYPE html> <html lang="en"> <head> @include('layouts.head') </head> <body> <!-

在我的视图中有一个侧边栏，我遇到了问题，因为侧边栏不可点击。我不知道我在网上看到的关于这个问题的问题是什么，但我做了正确的事情，请有人帮我检查一下吗

请检查下面的代码：

我有一个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>


@包括（'layouts.head'）
@包括（'layouts.sidebar'）
@包括（'layouts.navigation'）
@包括（'layouts.breadcrumb'）
@产量（‘含量’）
@包括（'layouts.messagebox'）

你能检查一下为什么我的边栏不能点击吗？

使用元素检查器。。。您的侧栏上可能有一些元素（比如div，可能是

。页面内容）。最好包含从这些模板输出的html。是否尝试使用元素检查器？更容易看出那里出了什么问题。看看有没有什么错误。
<!-- 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 -->