Question

我知道在这个主题上有足够多的问题，但它们似乎都无法解决我的问题。我是jquery的新手，正在为我的代码尝试一下。它似乎没有启动和运行。我已经尝试用其他脚本更改脚本的顺序，我已经检查了我的jquery文件所在的目录，我试图同时使用CDN版本和可下载的版本。似乎没什么用。

这是我的html文件的负责人

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

            <title>Draft1</title>


            <!-- Bootstrap -->
            <link href="css/bootstrap.min.css" rel="stylesheet">

        <link href="./css/style1.css" rel="stylesheet">

        <!-- Custom Fonts -->
            <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" >
                      <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" >
            <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet">
        <link href="./font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">


            <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
            <!--[if lt IE 9]>

        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>



        <![endif]-->
     </head>

我把jquery放在我的html主体的末尾

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
            <script src="./js/jquery-1.11.3"></script>
        <script>
            $(document).ready((function) {

                $("div").css("border", "3px solid red");
            });
        </script>


            <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>

在这段代码中，我将jquery代码与html代码本身放在一起。我已经尝试了另一个版本，将代码放在一个单独的文件中并运行它，它也不起作用。

非常感谢任何帮助

Answer 1

我认为你添加jquery标签有一个错字。文件名应该在扩展名.js中结束，所以可能是这样的：

<script src="./js/jquery-1.11.3.js"></script>

Answer 2

尝试

将<script src="./js/jquery-1.11.3"></script>更改为<script src="//code.jquery.com/jquery-1.11.3.js"></script>
将$(document).ready((function) {更改为$(function(){或$(document).ready(function(){

Answer 3

您的jquery脚本src缺少.js扩展名

Answer 4

试试这个：

<script>
        $(document).ready(function($) {
            $("div").css("border", "3px solid red");
        });
</script>

Answer 5

将jQuery放在头脑中

 <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Draft1</title>
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

    <link href="./css/style1.css" rel="stylesheet">
    <!-- Custom Fonts -->
        <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" >
                  <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" >
        <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet">
    <link href="./font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="./js/jquery-1.11.3.js"></script>
    <script>
        $(document).ready((function) {

            $("div").css("border", "3px solid red");
        });
    </script>
    </head>

jQuery没有运行html文件

5 个答案: