当前位置: 代码迷 >> Java Web开发 >> jquery不同版本插件冲突有关问题
  详细解决方案

jquery不同版本插件冲突有关问题

热度:347   发布时间:2016-04-16 21:43:51.0
jquery不同版本插件冲突问题
我在同一个页面上要用到一个easyui 它用到的jquery好像是1.7的
<script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>

然后我又要用一个fancybox ,它用到的jquery是1.4.4的
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>

用1.4.4的代码如下
<script type="text/javascript">
$(document).ready(function() {
$("#execute").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none',
'href' : '#inline' 
});
});
</script>

用1.7的代码如下
<script type= "text/javascript"> 
(function($){
 $("#okBtn").click(function(){
 var win = $.messager.progress({
             title:'请稍候',
             msg:'正在安排装车批计划,请稍候...'
         });
 var beginTime = document.getElementById("timeMark").value;
 window.location.href="dispatch.action?beginTime="+beginTime+"";
 });  
});
</script> 

现在好像是因为版本冲突问题吧,easyui要实现的效果 和fancybox要实现的效果不能同时实现了
网上说用jQuery.noConflict()可以解决,可我试了根本不起作用啊,本人新手啊 ,求好心人指点
------解决思路----------------------

据说jquery1.9兼容不错 楼主试试
------解决思路----------------------
jQuery.noConflict() 是为了解决其他库可以使用 $ 而 jQuery 不使用 $,和你的这个不适合。
fancybox 这种插件jQuery很多,换一个其他的就可以了。
------解决思路----------------------
fancybox不会只支持jquery1.4的版本吧?
楼主有没有试过把1.4去掉,只留easyui里的那个jquery版本,在这种情况下看看fancybox还有效果
------解决思路----------------------
easyui1.4版本用的是jq1.11,版本很高了。看看用easyui的版本能否?反正noConflict不是干这个的。要不你试能别用fancybox,用其他的代替或者改造一下它。
------解决思路----------------------
试试这个,http://bbs.csdn.net/topics/390390604

<script src='jquery1.4.js'></script>
<script>
(function($){
  //需要jquery1.4版本的代码放这儿
})($);
$=jQuery=null;
</script>
<script src='jquery1.9.js'></script>
<script>
 //需要jquery1.9的代码
</script>

------解决思路----------------------
引用:
Quote: 引用:

fancybox不会只支持jquery1.4的版本吧?
楼主有没有试过把1.4去掉,只留easyui里的那个jquery版本,在这种情况下看看fancybox还有效果

就是因为试过啦没效果呀  。。。。亲 你有其他办法吗。。。

我试了我本地的facybox(版本jquery.fancybox-1.3.4.js),在jquery-1.7.1.min.js这个版本下是可以,也就是不一定非要jquery1.4这个版本,估计还是哪边代码没有写规范,你要是需要我把我的fancybox发给你看看
  相关解决方案