$ is not defined
今天在学习js的时候突然发现一个问题,就是页面引入js记不起来了,然后就跟着脑子中仅有的一点印象,不断的改位置,然后将js引用上去,所以就写下来这篇文章以防止自己在忘!
具体什么原因呐!就是报了两个错误:
第一个:XXXX is not defined
第二个:$ is not defined
在这里插入图片描述
总的来说就是 is not defined
先说第一个问题:
我写完了然后通过 <script type="text/javascript" src="https://blog.csdn.net/qq_45987428/article/details/js/diamond.js"></script>
这种方式引入进去了
结果报错,是因为我放的位置不多,我将这句话放到了的上面了,大家都知道代码是从上往下执行的,当执行到js的时候下面的还没有执行,自然没有THREE所以解决办法嘛也很简单,将 *<script type="text/javascript" src="https://blog.csdn.net/qq_45987428/article/details/js/diamond.js"></script>
这句话放到body的下面*不就得了!
第一个麻烦顺利解决!
第二个问题:
有了第一次的教训,我每次引用js的时候都会将他写道body的下面,但是这次出现了还是not defined
我查看了js的内容发现是这样的
$('.page').click(function() {
$(this).removeClass('no-anim').toggleClass('flipped');
$('.page > div').click(function(e) {
e.stopPropagation();
});
reorder()
});
function reorder(){
$(".book").each(function(){
var pages=$(this).find(".page")
var pages_flipped=$(this).find(".flipped")
pages.each(function(i){
$(this).css("z-index",pages.length-i)
})
pages_flipped.each(function(i){
$(this).css("z-index",i 1)
})
});
}
reorder()
这样写的话我们还需要引入一样东西那就是jquery,这个jquery的路径还要是绝对路径,相对路径也会找不到$
将他引入上去之后问题也就也决了!
有两点是需要注意的,那就是src=“绝对路径”
再者引入的这个需要在我们自己写的上方
这是错误的写法:
<script type="text/javascript">
$(function(){
});
</script>
<script type="text/javascript" src="/studyCSS_day01/js/jQuery 3.4.1.js"></script>
正确应该这样写:
<script type="text/javascript" src="/studyCSS_day01/js/jQuery 3.4.1.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
自此引入js的两个小问题就解决了!
插曲:
由引入js又想到了引入css,之前我们是如何引入css我演示一下
<style>
@import url("css/picture.css");
</style>
这样肯定可以引入,但是还有一种方法
<link href="css/particle.css" rel="stylesheet" />
当然还有vue的引入,方法有很多,多写,多记录,多积累,如果你能看到这篇文章,说明就是缘分,无论你是谁,祝你学业有成,步步高升,学习很枯燥,但要加油哦~
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhfkbebe
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01