Fatal编程技术网

JavaScript/Jquery文件未加载

javascript php jquery html

JavaScript/Jquery文件未加载,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我的Jquery在线运行良好，但是当我尝试将其设置为外部时，它似乎不起作用。 这两个脚本都存储在：include（'./includes/header.html'）； 我还将它们存储在文件夹的根目录中 如果有人能帮忙，那就太好了 我在header.html中有两个链接 <!DOCTYPE html> <head> <title> <?php $page_title ?> </title> <link rel="sty

我的Jquery在线运行良好，但是当我尝试将其设置为外部时，它似乎不起作用。 这两个脚本都存储在：include（'./includes/header.html'）； 我还将它们存储在文件夹的根目录中

如果有人能帮忙，那就太好了

我在header.html中有两个链接

 <!DOCTYPE html>
  <head>
   <title> <?php $page_title ?> </title>

<link rel="stylesheet" type="text/css" href="mystyle.css">

<script src="formValidation.js"></script>
<script src="jquery-1.10.2.js"></script>



</head>
<body>
<div id="wrapper">

    <div id="header">
        <h1>Films.com</h1>

    </div>

    <div id="content">

        <div id="nav">

            <ul>
                <li><a href="login.php">Login</a></li>
                <li><a href="index.php">Home</a></li>
                <li><a href="register.php">Register</a></li>
                <li><a href="film.php">Film</a></li>
                <li><a href="add_film.php">Add a Film</a></li>


            </ul>

        </div>
更改加载顺序：

<script src="jquery-1.10.2.js"></script>
<script src="formValidation.js"></script>
加载脚本的顺序很重要。 因为脚本使用jquery，所以需要在脚本之前加载jquery。 所以改变装载顺序。首先加载jquery，然后加载脚本

这也是脚本内联工作的原因。

少写代码，多描述文件系统以及这些文件之间的关系会很有帮助。这似乎只是一个简单的路径问题。你的控制台里有404吗？就这么简单谢谢。那么Jquery优先于我的自定义脚本？不，您的自定义脚本需要Jquery才能运行。脚本从上到下执行。 
<html>


<form action="add_film.php" method="post" id="add_film">

    <fieldset>

    <label for="title">Movie Title</label>
    <input type="text" name="movie_title" id="movie_title" />

    <br/>
    <br/>

    <label for="actor">Leading Actor</label>
    <input type="text" name="leading_actor" id="leading_name" />

    <br/>
    <br/>      


    <label for="rating">Rating</label>
    <select id="rating" name="rating"/>
        <option selected="selected" value=0 disabled="disabled">Select a                     Rating</option>
        <option value="Terrible">Terrible</option>
        <option value="Fair">Fair</option>
        <option value="Ok">Ok</option>
        <option value="Good">Good</option>
        <option value="Excellent">Excellent</option>
    </select>

    <br/>
    <br/>


    <label for="review">Your Review</label>
    <br/>
    <textarea name="review" id="review" rows="15" cols="60"></textarea>

    <br/>
    <br/>

    <input type="submit" name="submit" id="submit" value="submit" />
    <input type="hidden" name="submitted" value="TRUE" />

    </fieldset>
 </form>







    <br/>
 </html>







 <?php

 include('./includes/footer.html');

  ?>

 $(document).ready(function(){


    $('#add_film').slideDown(800);

    // Focus on first form field.
    $("input:text:visible:first").focus();


    $('#add_film').submit(function (e) {

    var error = false;

    // No value for movie_title
    if ($('#movie_title').val() == "") {
        alert("No Film");
        error = true;
    }

    // No Value for actor
    if ($('#leading_name').val() == "") {
        alert("No actor");
        error = true;
    }

    // No value for rating
    if ($('#rating').val() == null) {
        alert("No Rating");
        error = true;
    }

    //No value for review
    if ($('#review').val() == "") {
        alert("No review");
        error = true;
    }



    if (error) {
        e.preventDefault();
      }
   });
});

<script src="jquery-1.10.2.js"></script>
<script src="formValidation.js"></script>