bootstrap+jquery的文件引入报错

这次给大家带来bootstrap+jquery文件引入报错,bootstrap+jquery文件引入报错的注意事项有哪些,下面就是实战案例,一起来看一下。

做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌张,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结,下次在看到就会胸有成竹知道是什么情况了,以下是在开发过程中总结的一些错误以及错误的解决方法。

报错一:Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: $ is not definedUncaught ReferenceError: jQuery is not defined

登录后复制

bootstrap+jquery的文件引入报错 

错误原因:文件加载的顺序不对,jQuery文件的顺序要在前面

bootstrap+jquery的文件引入报错 

方法:把jQuery文件写在所有script文件前面

bootstrap+jquery的文件引入报错 

报错二:jsp页面相对路径和绝对路径的问题:

正常路径:html里面的../../,改成jsp页面就找不到路径了,这个时候成了这个鬼样子

bootstrap+jquery的文件引入报错 

这时候,只需要在文件里面加入这段代码:

bootstrap+jquery的文件引入报错 

解决办法:在和

之间插入以下代码

<base href="" rel="external nofollow" >

登录后复制

报错三:Uncaught TypeError: $(…).tooltip is not a function

Uncaught TypeError: $(...).tooltip is not a function at HTMLDocument. (app.js:42) at l (jquery.min.js:4) at Object.fireWith [as resolveWith] (jquery.min.js:4) at Function.ready (jquery.min.js:4) at HTMLDocument.S (jquery.min.js:4)

登录后复制

bootstrap+jquery的文件引入报错 

原因:包括两个不同版本的jQuery UI。这可能会导致冲突。尝试删除


登录后复制

解决办法:

编辑:

jQuery( document ).ready(function( $ ) { $('.hasTooltip').tooltip();});

登录后复制

像这样使用它,解决了我的问题!

报错四:Uncaught TypeError: $(…).sortable is not a function

Uncaught TypeError: $(...).sortable is not a function at HTMLDocument. (dashboard.js:12) at l (VM552 jquery.min.js:4) at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4) at Function.ready (VM552 jquery.min.js:4) at HTMLDocument.S (VM552 jquery.min.js:4)

登录后复制

报错五:bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery

bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery at bootstrap.min.js:7

登录后复制

bootstrap+jquery的文件引入报错 

解决方案:解决方案:将jquery.min.js放在bootstrap.min.js文件之前引用,bootstrap.min.css文件在整两个文件前后引用都无妨(测试多次)。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

在jquery的请求ajax与在servlet中的响应ajax

实现jquery在启动页面立刻加载数据

实现输入框与下拉框联动效果

以上就是bootstrap+jquery的文件引入报错的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2782605.html

(0)
上一篇 2025年3月8日 16:33:53
下一篇 2025年2月24日 13:39:01

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 怎样实现文件上传带进度条动画

    这次给大家带来怎样实现文件上传带进度条动画,实现文件上传带进度条动画的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表…

    2025年3月8日
    200
  • 怎样让webpack打包后的文件压缩变小

    这次给大家带来怎样让webpack打包后的文件压缩变小,让webpack打包后的文件压缩变小的注意事项有哪些,下面就是实战案例,一起来看一下。 以前一直使用 create-react-app 这个脚手架进行 react 开发,后面因为一些自…

    2025年3月8日
    200
  • 服务端直接获取文件上传进度

    这次给大家带来服务端直接获取文件上传进度,服务端获取文件上传进度的注意事项有哪些,下面就是实战案例,一起来看一下。 内容概述 multer是常用的Express文件上传中间件。服务端如何获取文件上传的进度,是使用的过程中,很常见的一个问题。…

    编程技术 2025年3月8日
    200
  • js实现读取xml文件内容

    这次给大家带来js实现读取xml文件内容,主要以代码的形式体现,下面就是实战案例,一起来看一下。 其中html代码如下所示 W3School.com.cn Internal NoteTo: From: Message: if (window…

    2025年3月8日
    200
  • Vue打包之后文件路径出错如何处理

    这次给大家带来Vue打包之后文件路径出错如何处理,Vue打包之后文件路径出错处理的注意事项有哪些,下面就是实战案例,一起来看一下。 这里以vue-cli创建的项目为例 1、文件路径不对 找到config文件夹下的index.js文件修改一下…

    2025年3月8日
    200
  • 在node里怎么压缩合并JS文件

    这次给大家带来在node里怎么压缩合并JS文件,在node里压缩合并JS文件的注意事项有哪些,下面就是实战案例,一起来看一下。 现在UglifyJS的最新版本为 2.8.13,主要功能为JS的压缩和合并,下面直接进入教程: 安装: npm …

    编程技术 2025年3月8日
    200
  • 自定义js模板加载数据文件实例分享

    本文主要和大家分享自定义js模板加载数据文件实例,主要以代码形式和大家分享,希望能帮助到大家。 1、代码如下: var model={reg:/${([w]*)}/ig,/** 填充列表模板 */loaderList:function(li…

    编程技术 2025年3月8日
    200
  • 正则模拟读取INI文件的步奏详解

    这次给大家带来正则模拟读取INI文件的步奏详解,使用正则模拟读取INI文件的注意事项有哪些,下面就是实战案例,一起来看一下。 废话不多说了,直接给大家贴代码了,具体代码如下所示: #include “stdio.h” #include #i…

    2025年3月8日
    200
  • Ajax怎么实现文件批量上传与下载

    这次给大家带来Ajax怎么实现文件批量上传与下载,Ajax实现文件批量上传与下载的注意事项有哪些,下面就是实战案例,一起来看一下。 今天做了文件的上传下载,小小总结一下,基本的web项目建立及SpringMVC框架搭建此处不详细写出来了。 …

    编程技术 2025年3月8日
    200
  • ajax的Fileupload怎样实现多文件上传

    这次给大家带来ajax的Fileupload怎样实现多文件上传,ajax的Fileupload实现多文件上传注意事项有哪些,下面就是实战案例,一起来看一下。 打开google 搜索”ajaxFileupload’ ‘…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论