`

bootstrap jquery

阅读更多

    连续好几次碰到这样的问题,在引入bootstrap.css,bootstrap.js以及jquery.js这个框架的时候,每次都会提示这样或者那样的错误,一个简单的引入就要花费好大的功夫,才能搞定,下面总结一下以前碰到的各种问题。

    首先 ,先说一下这三个引入文件的放置顺序问题:

    这三个在页面中放置的时候,jquery.js一定要放在最前面,因为在bootstrap.js中用到了jquery.js这个框架,所以如果把bootstrap.js放到了jquery.js的前面的话,在firefox的js提示台上就会提示网页引入的bootstrap.js有错误,因为,在bootstrap中已经开始用到jquery.js了,可人家还没有引入,自然会报错误了,所以请务必要把jquery.js放到第一位。

   接着 ,说一下引入js,css 所要用到的标签:

   js用到的是<script type="text/javascript" src=""></script>

   css用到的是<link rel="stylesheet" href=""></link>

   有时候,大脑总会有些不清醒,犯些小错误,令人郁闷,比如说引入css的时候,却用了script标签,结果自然会令人很郁闷了,你想要的网页效果也出不来了。

   然后 ,说一下引入时的开闭 问题:

   引入css时,直接用<link rel = "stylesheet" href=""/>这样没有问题,但是在js引入时,<script type="text/javascript" src=""/>貌似就不行了,所以最后只得写成<script type="text/javascript" src=""></script>这样的标准形式,不知道是怎么回事?

  最后 ,是关于由建立js文件夹引发的js引入无效 的问题:

  一次做一个小例子,需要用到jquery.js,结果在firefox中的js控制平台上一直报错,说jquery.js没有引入,明明引入了啊,在首部<head></head>中<script type="text/javascript" src="js/jquery.js"/>,而且引入的是那个234kb的,而不是94kb的,这个问题以前曾困扰我很长时间,没想到今天又蹦出来了,和以前对的项目一对比,发现,原来是jquery这个文件放在WEB-INF/js/ 下了,郁闷,这个文件夹下的资源是受保护的,没想到还是犯了这个错误。正确的形式,应该是放在webroot/js/ 下,这些目录下的资源可以被直接 访问到,这样问题就解决了。。。

 

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics