连续好几次碰到这样的问题,在引入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/
下,这些目录下的资源可以被直接
访问到,这样问题就解决了。。。
分享到:
相关推荐
bootstrap&jQueryUI例子
Bootstrap jQuery仿Mac系统弹出消息提示框插件</title> <link href="css/bootstrap.min.css?3.1.64" rel="stylesheet"> <link href="css/font-awesome.min.css?3.1.64" rel="stylesheet"> &...
瀑布流 bootstrap 自适应 jQuery
bootstrap所需css和js文件和jquery所需的js文件。 /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under the MIT license */
Bootstrap-Youtube-Popup-Player-Plugin, Bootstrap jQuery YouTube弹出式播放机模式插件 使用jQuery的 Bootstrap Popup播放器插件这是一个弹出模式插件,用于在 Bootstrap 站点上播放YouTube视频。 这里插件仅兼容 ...
考试类精品--基于ssm的在线考试管理系统:前端:AdminLTE bootstrap jQuery ajax js
bootstrap-table:基于 Bootstrap 的 jQuery 表格插件,通过简单的设置就可以拥有强大的单选、多选、排序、分页、编辑、导出、过滤(扩展)等功能
代码片段: <link href="css/bootstrap.min.css?3.1.64" rel="stylesheet"> ...link href="css/bootstrap-theme....<div class="btn btn-success popconfirm test-jquery-click">测试 jQuery Click事件</div>
自己电脑需要安装mongodb数据库 和mongoose ,自己在用的时候,记得要和对应数据库和表名一致
ssm+bootstrap+jquery实例,博客地址是https://blog.csdn.net/u014627099/article/details/85040765,是完全对应的,可放心食用
bootstrap(3.4.1)+jquery.min.js
基于jquery 完美结合bootsrap样式,动态生成百分比横向图表
jbvalidator是一个全新的基于jQuery的表单验证插件,它是为最新的Bootstrap 5框架创建的,并且支持客户端和服务器端验证。 多种语言。 自定义错误消息。 自定义验证规则。 通过HTML数据属性易于使用。 安装 npm ...
struts2+hibernate+bootstrap+jquery http://localhost/ t_user表中随便找一条记录即可登录 注意事项 1.hibernate.cfg.xml文件中,数据库名字是mydb2,账号root密码123,请修改为本地的帐号密码 2.如果出现数据库连接...
基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+...
旅游趋势大屏 框架:Python + html + css + jquery + bootstrap + json 数据库:无 数据集基于json接口的形式获取。 角色管理员 admin 123456 模块介绍 登录模块 大屏模块 数据库设计:无数据库
Java毕设:考评系统,采用springboot+bootstrap+jquery Java毕设:考评系统,采用springboot+bootstrap+jquery Java毕设:考评系统,采用springboot+bootstrap+jquery Java毕设:考评系统,采用springboot+bootstrap...
前端项目-jquery-ui-bootstrap,jQueryUI小部件的引导主题Kickstart
完整项目
Bootstrap.js以及JQuery.js中文文档的chm格式