Question

我是这个的初学者，因此可能很基础。我已包含所有文件，并尝试添加一个按钮。我看到该按钮，但单击该按钮会出现此错误：

Uncaught ReferenceError: $ is not defined

代码：

 <head>
            <meta name = "viewport" content="width=device-width, initial-sclase=1">
            <title>Create</title>
            <link rel="stylesheet" type="text/css" href="Stylesheets/main.css"/>
            <link rel="stylesheet"  href="Bootstrap/css/bootstrap.min.css"/>
 </head>




  <body>


        <button class="btn btn-success" onclick="$(this).hide();">Clickit</button>


    <! --- scripsts                                                  
    <! --- bootstrap js files
     <script src="Bootstrap/js/jquery.min.js"></script>
     <script src="Bootstrap/js/bootstrap.min.js"></script>
    <! --- my java script file
     <script src="javascripts/main.js"></script>

    </body>

假设这是我的全部代码，我在领事馆还会遇到其他错误，例如：

util.js:56 Uncaught TypeError: Cannot read property 'fn' of undefined
    at util.js:56
    at util.js:10
    at bootstrap.min.js:6
    at bootstrap.min.js:6

//和这个

Failed to load resource: the server responded with a status of favicon.ico:1

编辑：

我的项目的文件夹结构为：Bootstrap->js->和jquery.min.js内的bootstrap.min.js，都在1个文件夹下，这是我的项目。

Answer 1

要获取引导程序，请转到http://getbootstrap.com/docs/4.1/getting-started/download/。在那里，它告诉您需要使用引导程序。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

您也可以转到http://getbootstrap.com/docs/4.1/getting-started/introduction/来获取要放入引导程序的html标签。

我认为这可能是问题所在。尝试那些。

编辑：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
  <button class="btn btn-success" onclick="$(this).hide();">Clickit</button>
</body>

我假设你想要那个吗？

Answer 2

好吧，我猜这太基础了，所以你们中的一些人没有看到，我的评论是错误的，应该将其关闭：

 <!-- jquery files -->

现在可以了。

从Bootstrap

2 个答案: