我有一个页面,用户可以通过提交基本表单进行登录,然后将数据发送到单独的PHP脚本(用于验证等)。 PHP脚本以header()函数结尾,以将用户定向到欢迎页面:

// form validation above
header(Location: ../welcome.php);
exit();


我希望能够在欢迎页面上运行一些JavaScript,但是我注意到即使是此基本代码也不会触发:

$(document).ready(function() {
    console.log("ready!");
});


我使用PHP include拆分了欢迎页面,以分隔页眉,正文和页脚:

标头:

<?php
session_start();
?>

<!DOCTYPE html>
<html>
<head>
    <!-- HOSTED ONLINE -->
    <!-- Google Fonts: Lato & Pacifio -->
    <link href="https://fonts.googleapis.com/css?family=Lato|Pacifico" rel="stylesheet">
    <!-- Font Awesome -->
    <script src="https://use.fontawesome.com/3d58889dd8.js"></script>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- Bootstrap jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <!-- Bootstrap JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- jQuery -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <!-- jQuery UI -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <!-- LOCAL -->
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="resources/style.css">
    <!-- JavaScript -->
    <script type="text/javascript" src="resources/script.js"></script>
    <!-- Animate.css -->
    <link rel="stylesheet" href="resources/animate.css">

    <title>Website Title</title>
</head>

<body class="userBody">
    <!-- title card -->
    <div class="container-fluid titleCard">
        <h1 class="pacificoFont mainTitle">Website Title</h1>
    </div>


身体:

<?php
include_once "user_header.php";
?>

<div>
    <?php
    echo "welcome " . $_SESSION["username"] . "!<br>";
    echo "Your email is " . $_SESSION["email"];
    echo '<form action="includes/logout_inc.php" method="POST">
    <button type="submit" name="submit">Logout</button></form>';
    ?>
</div>

<div class="test" id="test">
    Test
</div>

<?php
include_once "user_footer.php";
?>


页脚:

</body>
</html>


我确实相信本地JavaScript已正确链接,并且与CSS位于同一目录中,并且样式已链接并且可以正常工作。我也正在使用MAMP在本地运行(如果该信息有帮助)。

我是PHP / JavaScript的新手,这也许很值得注意。任何帮助将不胜感激!谢谢您抽出宝贵的时间:)

最佳答案

javascript参考应该在HTML页面的底部,位于结束body标记之前。只需将javascript的引用剪切到下面的页面底部:

<script type="text/javascript" src="resources/script.js"></script>
</body>
</html>


问题是在页面加载之前呈现了jquery。

10-05 20:45
查看更多