解决在页面中引用js文件和jQuery不生效的问题

最新推荐文章于 2022-11-21 01:31:47 发布
最新推荐文章于 2022-11-21 01:31:47 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： JS 开发过程中遇到的bug
原文链接：https://blog.csdn.net/weixin_44050812/article/details/90291084
版权

今天在写代码的时候又遇到在页面中引用js文件和jQuery不生效的问题，想起来自己以前也遇到过但是又忘记是怎么解决的了，非常简单的问题，但居然一犯再犯，决定记录一下，以后可不能再粗心了，养成好习惯。
错误写法：

<head>
 ......
    <script type="text/javascript" src="../Js/jiexin.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>

错误出现的原因是由于我把自己的js文件引用写在了jQuery文件的引用前面，这种执行顺序是不行的，改正方法只需把两者的引用顺序位置调换一下，如下为正确写法：

<head>
     ......
         <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="../Js/jiexin.js"></script>
    </head>
 

Walker_zmc
关注
专栏目录
jquery结合html实现中英文页面切换
10-21
10. 对于jQuery的引用：页面的head部分引入了三个js文件，包括jQuery库文件jquery.js、本地化插件jquery.localize.js以及用于处理语言包加载和Cookie设置的language_cookie.js。 总结以上知识点，我们可以了解到，...
jquery组件使用中遇到的问题整理及解决
01-19
加载顺序问题，要在母版页头部增加基本JS文件引用 2、datatable()未生效。错误信息：oCol is Undefined 因为tr里td个数和thead中th个数不匹配，所以导致无法格式化表格。 3、tablesorter加载失败。 908行，£$?被...
Jquery代码不起效果的原因
weixin_44744501的博客
03-05 1067
没有写$(document).ready(function(){ //然后绑定事件… }) 例如 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery测试</title> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> &
jquery 引入外部JS失效
zhaoyy0513的博客
07-25 1895
以前写JS习惯将JS代码直接写在页面中，工作后需要做到分离，JS单独写在一个文件中，但是用的时候掉进了坑里 原来是我的javascript里面，有直接操作页面元素的代码，所以不能在head里面引用 ，而应该放到body内引用。 下面是部分自己写的opIndex.js的代码 $(function () { var qsSystem = ["考勤记录", "请假申请", "请假记录",...
jquery代码在jsp引入生效，在js文件中失效的原因
毕业势必进大厂的博客
03-05 338
如果在js文件中写jquery代码，在开头需要引入jquery.js，引入的方法如下 var new_element=document.createElement("script"); new_element.setAttribute("type","text/javascript"); new_element.setAttribute("src","jquery-3.5.1.js"); document.body.appendChild(new_element); ...
jquery中的方法不生效
最新发布
qq_52291147的博客
11-21 481
检查代码没有问题的话，又不报错，很有可能是idea中的out文件夹没有正确部署到tomcat上。给它删掉重新启动服务器即可。
为什么导入本地jquery.js老是无效？（已解决）
weixin_30399155的博客
05-23 1661
　　我从jquery官网里复制过来jquery.js内容，然后粘贴到本地，但是引用的时候总是无效。 在翻看脚本所在目录，无意间发现脚本文件是个jquery.js.js, 原来是我的文件的扩展名的问题， 所以我把名字改好，再次调试我的网页，脚本正常工作。 转载于:https://www.cnblogs.com/the-one/p/9080359.html...
vue在index.html中引入静态文件不生效问题及解决方法
11-28
在Vue.js项目开发中，有时候我们会在`index.html`文件中尝试引入静态资源，如CSS、JavaScript或图片等。然而，遇到"Resource interpreted as Stylesheet but transferred with MIME type text/html"这样的警告，意味...
jquery绑定事件不生效的解决方法
12-10
如果不愿意使用文档就绪事件，另一种解决方案是将引用的JavaScript文件放在HTML文件的底部，即`</body>`标签之前。这样可以确保当JavaScript代码运行时，所有DOM元素都已经创建。在问题描述的第二个方法中，推荐的...
jquery点击事件不生效的问题
qq_44747508的博客
12-29 3004
在同时使用vue.js和jquery.js的过程中，发现jquery的点击事件在有些地方不生效没有任何反应，反反复复看代码并没有什么异常也没有报错，后来发现是父级div使用了v-if='state'，加载页面时state为false，后来点击切换为true 后来把父级div的v-if显示隐藏使用jquery来操作，点击事件可以生效 $('#state').show(); //显示 $("#state").hide(); //隐藏 ...
jquery没有起作用的几个方面
mengxiao12345678的博客
06-25 1287
今天遇到了jquery没有起作用。有以下几个方面的错误： 没有引进有效的jquery。 想要使用js或者jQuery，必须引进js。引进方法：本地或者互联网。 本地引进说明如下： head头部增加script的标签地址，如下： <script type="text/javascript" src="/sta/jquery-3.1.1.min.js"></script> 如果没有js的包，在html控制台中会提示： Failed to load resource: the ser
Jquery、Javascript点击事件不生效怎么处理（附源码）
刺心的博客
05-08 1025
举例： $('.btn-add').on('click',function(){ //执行不到我 }) 如果是多个子页面引入到一个父页面当中，此类名可能查找不到，所以直接给一个父级，采用未来式的查找事件即可 正确案例： $("body").on("click", ".btn-add", function () { //我可以被触发哦 }); 这样的写法才是最严谨的。 ...
在项目中引入本地的jquery-1.12.4.min.js不起作用
qq_46112274的博客
12-19 1903
1、今天新建了一个JavaWeb项目，前端框架使用的是bootstrap,同时也用到了jquery。我在webapp下新建了static文件夹用于存放前端框架的jar包。如下图所示。但项目运行后发现，并没有成功引用到bootstrap框架的样式。 2、通过查阅资料说是要把jquery-1.12.4.min.js放到static/bootstrap-3.3.7-dist/js/bootstrap.min.js下。 3、重新运行项目。这次成功引用了bootstrap样式。 ...
引入jquery后js代码未执行
瑺圊樹的专栏
03-05 1184
错误代码 $(document).ready(function() { $('#selected-plays > li').addClass('horizontal'); }); 正确代码 $(document).ready(function() { $('#selected-plays > li').addClass('horizontal
关于js文件引用后不生效的原因发现
热门推荐
生如夏花之灿烂
04-30 2万+
今天在编写gojs的demo时遇到一个奇葩问题，在jsp页面底部引用js文件时不生效，在引用的js中使用console.log(111)验证，始终没有打印，直接将js代码写在jsp中反而生效，网上查看了许多办法：将js放在body标签内引用，不生效！将jQuery引用删去，不生效！修改&lt;!DOCTYPE html&gt;标签，也不生效！最后在chrome的开发工具Network选项中加载de...
jquery动态添加元素后， 该元素事件失效，可尝试原生 js写法解决
A9925的专栏
06-22 2434
//活动中心 $('.active').click(function (){ getActivePic_S(); getActivePic_B(); if($('div').hasClass('getPrize')){ $(".getPrize").remove(); } $('#ca
解决Vue项目里集成外部JS文件（JQ写法），JS文件不生效的方法
u013789737的博客
08-11 4997
解决Vue项目里集成外部JS文件（JQ写法），JS文件不生效的方法 最近的想将已经写好的一个项目改成VUE项目（原项目里的js文件都是用JQ写的） 第一步： 安装vue 项目里安装jquery 第二步： 引入js文件，引入的写法如下： import {toastr} from “./…/assets/js/toastr.min.js” 注意： 所有引入的JS文件里的内容都要写在$(functi...
Eclipse中Jquery报错 解决
weixin_34292959的博客
07-18 164
其实Eclipse中对jquery的mini版报错不会有任何影响,但是这个×在整个项目里确实不怎么好看,网上找到这个解决办法,其实就是把Eclipse自带的validation功能去掉,反正Eclipse的js能力真的很弱,下面是转载的文章,亲自验证有效： --------------------------------------------------------------------...
web项目中jsp文件中使用jquery失效
qq_42549884的博客
02-22 821
学习过程中遇到的小问题，编写的jquery绑定事件一直无法在页面触发，查阅了多种说法，比如$符号在jsp有冲突，改成jQuery使用等，后面发现原因在于其不能访问/WEB-INF/目录下的文件，而我引入js文件刚好放在WEB-INF/目录下，所以我把引入的js文件直接放在了webapp目录下，问题解决 ...
jQuery Tools Tab插件演示与教程
然后，为了让这个选项卡组件生效，我们需要在页面加载完成后调用jQuery Tools的tab方法，通常在`$(document).ready()`函数内执行： ```javascript $(document).ready(function() { $('#tabui').tabs(); }); ``` 这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值