关于引入多个jquery冲突的问题(附一个很好用的validate前端验证框架及使用方法)详解编程语言
2023-06-13 09:20:35 时间
废话不多说,进入正题:
如果一个jsp中想要使用两个不同版本的jquery怎么办呢?客官往下看:
script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript" /script script src="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js" type="text/javascript" /script
如果我想使用1.8.3版本的jquery
那么就在引入1.8.3的 script /script 下面加上如下代码:
script var jq = $.noConflict(); jq(document).ready(function(){ // binds form submission and fields to the validation engine jq("#aaab").validationEngine(); }); /script
记住一定要紧挨着引入1.8.3的js
如果放在1.6版本下面,那么所定义的jq就是1.6版本的了
当然,如果我们的项目是通过include标签引入的全局jquery 而当前jsp页面又新引入了一个jquery,那么上段代码放在什么位置都是无所谓的,所定义的jq都是当前页面新引入的jquery
下面是例子:(一个很方便的validate前端验证:想要使用验证直接引入下列文件:)
link rel="stylesheet" href="${ctxStatic}/formValidator.2.5.2/css/validationEngine.jquery.css" type="text/css"/ link rel="stylesheet" href="${ctxStatic}/formValidator.2.5.2/css/template.css" type="text/css"/
script src="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js" type="text/javascript" /script script src="${ctxStatic}/formValidator.2.5.2/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript" charset="utf-8" /script script src="${ctxStatic}/formValidator.2.5.2/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8" /script
然后在需要验证的表单class加上validate[required] (必填项验证)
form action="www.baidu.com" id="aaab" method="post" input type="text" value="" placeholder="请输入姓名" / input type="submit" value="提交"/ /form
下面是我代码放置位置以及前端页面展示图:
link rel="stylesheet" href="${ctxStatic}/formValidator.2.5.2/css/validationEngine.jquery.css" type="text/css"/ link rel="stylesheet" href="${ctxStatic}/formValidator.2.5.2/css/template.css" type="text/css"/ script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript" /script script src="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js" type="text/javascript" /script script var jq = $.noConflict(); jq(document).ready(function(){ // binds form submission and fields to the validation engine jq("#aaab").validationEngine(); }); /script script src="${ctxStatic}/formValidator.2.5.2/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript" charset="utf-8" /script script src="${ctxStatic}/formValidator.2.5.2/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8" /script
link rel="stylesheet" href="${ctxStatic}/formValidator.2.5.2/css/validationEngine.jquery.css" type="text/css"/ link rel="stylesheet" href="${ctxStatic}/formValidator.2.5.2/css/template.css" type="text/css"/ script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript" /script script var jq = $.noConflict(); jq(document).ready(function(){ // binds form submission and fields to the validation engine jq("#aaab").validationEngine(); }); /script script src="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js" type="text/javascript" /script script src="${ctxStatic}/formValidator.2.5.2/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript" charset="utf-8" /script script src="${ctxStatic}/formValidator.2.5.2/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8" /script
可以看到我把定义jq的代码放在1.8.3版jquery下面就完全失去效果了(我的这个validate前端验证框架是不支持1.8.3版jquery的)
下面是我的验证框架传送门:
http://files.cnblogs.com/files/fengwenzhee/formValidator.2.5.2.rar
11509.html
cjava相关文章
- jQuery 的 live() 方法对 hover 事件的处理详解编程语言
- jquery 用creatjs preloadjs的方法详解编程语言
- jquery提示"objectexpected"的解决方法
- Jquery实战_读书笔记1—选择jQuery
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jQuery美元符冲突的解决方法
- JavaScript和JQuery实用代码片段(一)
- QueryPathPHP中的jQuery
- 基于Jquery的文字自动截取(提供源代码)
- 基于jquery的无限级联下拉框js插件
- 基于JQuery模仿苹果桌面的Dock效果(初级版)
- 浅析JQuery获取和设置Select选项的常用方法总结
- jquery得到font-size属性值实现代码
- 按Enter键触发事件的jquery方法实现代码
- jquery插件lazyload.js延迟加载图片的使用方法
- jQuery的live()方法对hover事件的处理示例
- jquery选择器原理介绍($()使用方法)
- jquery库或JS文件在eclipse下报错问题解决方法
- jQuery获取、设置HTML或TEXT内容的两种方法
- jquery引用方法时传递参数原理分析