CSS和Javascript不是'；t在我的localhost PHP文件夹中工作_Javascript_Php_Jquery_Html_Css

CSS和Javascript不是'；t在我的localhost PHP文件夹中工作

javascript php jquery html css

CSS和Javascript不是'；t在我的localhost PHP文件夹中工作,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,您好，我正在尝试实现一个我最初用html和css设计的页面，并在PHP文件中使用javascript。CSS和javascript似乎没有任何问题，因为它们在原始html文件中工作正常。当我把代码带到一个php文件中时，它最初工作正常。现在侧边栏不会折叠，按钮似乎已恢复为原始默认样式。当我通过localhost打开html文件时，也会发生同样的情况，尽管如果我在浏览器中打开它，它会工作。我正试图回到正轨，找出是我改变了什么导致了这一切。我是PHP新手，因此非常感谢您的帮助我的PHP代码： &l

您好，我正在尝试实现一个我最初用html和css设计的页面，并在PHP文件中使用javascript。CSS和javascript似乎没有任何问题，因为它们在原始html文件中工作正常。当我把代码带到一个php文件中时，它最初工作正常。现在侧边栏不会折叠，按钮似乎已恢复为原始默认样式。当我通过localhost打开html文件时，也会发生同样的情况，尽管如果我在浏览器中打开它，它会工作。我正试图回到正轨，找出是我改变了什么导致了这一切。我是PHP新手，因此非常感谢您的帮助

我的PHP代码：

<?php
include('database.php');
session_start();

if(!isset($_SESSION['id']) && !isset($_SESSION['type'])){
header('location: Index.php');
}

?>

<html>
<head>
<title>Yasalade</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" 
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" 
integrity="sha384-
1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" 
crossorigin="anonymous">
<link rel="stylesheet" 
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-
theme.min.css" integrity="sha384-
fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" 
crossorigin="anonymous">
<script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" 
integrity="sha384-
0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" 
crossorigin="anonymous"></script>
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<link rel="stylesheet" href="Style.css">
<script 
src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js">
</script>

</head>

<body>

<!-- Sidebar -->
   <div id="wrapper">
    <div class="overlay"></div>

    <!-- Sidebar -->
    <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" 
role="navigation">
        <ul class="nav sidebar-nav">
            <li class="sidebar-brand">
                <a href="Main.html">
                   Eventses
                </a>
            </li>
            <li>
                <a href="Main.html"><span class="glyphicon glyphicon-th-list">Main</span></a>
            </li>
            <li>
                <a href="Profile.html"><span class="glyphicon glyphicon-user">Profile</span></a>
            </li>
            <li>
                <a href="Events.html"><span class="glyphicon glyphicon-glass">Events</span></a>
            </li>

            <li>
                <a href="Settings.html"><span class="glyphicon glyphicon-cog">Settings</span></a>
            </li>
            <li>
                <a href="#"><span class="glyphicon glyphicon-envelope">Messages</span></a>
            </li>
            <li>
                <a href="#">Logout</a>
            </li>
        </ul>
    </nav>
    <!-- /#sidebar-wrapper -->

    <!-- Page Content -->
    <div id="page-content-wrapper">
        <button type="button" class="hamburger is-closed" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>
            <span class="hamb-bottom"></span>
        </button>

    </div>
    <!-- /#page-content-wrapper -->

</div>
<!-- /#wrapper -->

 <!-- Main body -->
<div class="container" align="right">

        <div class="col-sm-10">
            <div class="bs-calltoaction bs-calltoaction-primary">
                <div class="row">
                    <div class="col-md-9 cta-contents">
                        <h2 class="cta-title">Event Title</h2>
                        <center><img src="default.png" alt="pic"></center>
                        <div class="cta-desc">
                        <p3>Insert info about event</p3>

                        </div>
                    </div>
                    <a href=Analysis.html><button type="button" class="btn btn-primary btn-sm">Analyse</button></a>
                 </div>
            </div>

            <div class="bs-calltoaction bs-calltoaction-primary">
                <div class="row">
                    <div class="col-md-9 cta-contents">
                        <h2 class="cta-title">Event Title</h2>
                        <center><img src="default.png" alt="pic"></center>
                        <div class="cta-desc">
                        <p3>Insert info about events</p3>
                        </div>
                    </div>
                   <a href=Analysis.html><button type="button" class="btn btn-primary btn-sm">Analyse</button></a>
                 </div>
            </div>

        </div>
    </div>


</body>

</html>

<script>
$(document).ready(function () {
var trigger = $('.hamburger'),
  overlay = $('.overlay'),
 isClosed = false;

trigger.click(function () {
  hamburger_cross();      
});

function hamburger_cross() {

  if (isClosed == true) {          
    overlay.hide();
    trigger.removeClass('is-open');
    trigger.addClass('is-closed');
    isClosed = false;
  } else {   
    overlay.show();
    trigger.removeClass('is-closed');
    trigger.addClass('is-open');
    isClosed = true;
  }
}

$('[data-toggle="offcanvas"]').click(function () {
    $('#wrapper').toggleClass('toggled');
  });  
});

</script>


亚萨拉德
















活动名称
插入有关活动的信息
活动名称
插入有关事件的信息
$（文档）.ready（函数（）{
变量触发器=$（“.hamburger”），
覆盖=$（'.overlay'），
isClosed=false；
触发器。单击（函数（）{
汉堡包；
});
函数hamburger_cross（）{
如果（isClosed==true）{
overlay.hide（）；
trigger.removeClass（'is-open'）；
trigger.addClass（'is-closed'）；
isClosed=false；
}否则{
overlay.show（）；
trigger.removeClass（'is-closed'）；
trigger.addClass（'is-open'）；
isClosed=true；
}
}
$（'[data toggle=“offcanvas”]'）。单击（函数（）{
$（“#包装器”）.toggleClass（'toggled'）；
});  
});

正如其他用户指出的，引导和JQuery不是最新版本。它现在运行良好。

正如其他用户指出的，引导和JQuery不是最新版本。它现在可以正常工作。

jQuery应该在引导JS之前包含。两个版本的Bootstrap JS有什么用？您有

3.3.6

和

3.1.1

。您在本地主机系统上可以访问internet吗？@hungerstar还说应该在Bootsrap js之前包含jquery。在你的页面上按chrome浏览器上的F12键，看看控制台选项卡上是否出现任何错误。为什么你要多次使用boostrap css和js？如果您没有连接到网络，这些脚本将无法加载jQuery1.x将无法与Boostrap3.xOK配合使用谢谢大家。我更新了JQuery并取出了旧的引导程序，它正常工作了。我一定是从几个月前编写的代码中复制了Bootstrap3.1.1。jQuery应该在BootstrapJS之前包含。两个版本的Bootstrap JS有什么用？您有

3.3.6

和

3.1.1