jquery警告没有出现

我试图加载我的jQuery脚本，但是当我加载页面时，警告消息不会出现。文件main.js保存在我有index.html页面的同一个文件夹中，所以我用它来调用页面，但没有任何事情发生，我没有看到任何错误。jquery警告没有出现

<script type="text/javascript" src="main.js"></script>

这里我的html：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="main.css"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> 
    </head> 

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In veniam doloremque voluptate debitis quaerat ipsum, officia, ad exercitationem placeat quasi nobis enim itaque. Adipisci ullam magnam sequi eum maiores, quia!</p> 

    <script type="text/javascript" src="main.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</body> 
</html>

的jQuery：

(function($) { 
    $(document).ready(function(){ 
     alert('This shit is not working'); 
    }); 
})(jQuery);

来源

2016-11-09 Wosley Alarico

你需要移动<脚本类型= “文/ JavaScript的” SRC = “main.js”>后 –

@Azeez Kallayi你就是对的 –

尝试这样

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="main.css"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> 
    </head> 

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In veniam doloremque voluptate debitis quaerat ipsum, officia, ad exercitationem placeat quasi nobis enim itaque. Adipisci ullam magnam sequi eum maiores, quia!</p> 


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="main.js"></script> 
</body> 
</html>

你首先需要包括jQuery的，那么你可以使用它。

来源

2016-11-09 11:13:57 caramba

你必须先加载jQuery库，然后加载你的jQuery代码。

<script type="text/javascript" src="main.js"></script>

来源

2016-11-09 11:14:55 rodelarode

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="main.js"></script>

试一次

来源

2016-11-09 11:16:16

jquery警告没有出现

回答

相关问题