2013-02-18 23 views
-1

我使用jQuery v1.6.4 http://code.jquery.com/jquery-1.6.4.jsprototypejQuery与Prototype冲突(noconflict does not work)

我想使用jQuery选项卡小部件,它与原型冲突。结果输入的上传按钮不起作用。

我试过这个来解决,但它似乎没有工作。

​​

有趣的是,如果我按F5的上传按钮的作品,当我刷新,不工作。

+1

'var _cssjQ = jQuery.noConflict();'需要分配别名。 – 2013-02-18 21:57:33

+1

为什么你使用两个大量重叠的库?这只是要求麻烦。选择一个或另一个。 – 2013-02-18 21:58:53

+0

选中此项:http://stackoverflow.com/questions/14957575/jquery-conflict-with-sfwobject – TheMGamer 2013-02-19 12:58:44

回答

4

简单的方法(恕我直言)是刚刚打电话jQuery.noConflict()然后在一个匿名函数封装任何jQuery代码:

jQuery.noConflict(); 
(function($){ 
    // use your standard $(...) in here 
})(jQuery); 

另外,你需要分配jQuery的一个新的别名,如果你不打算使用jQuery(...)(例如var jq = jQuery.noConflict();然后使用jq(...))。两者的

实施例中使用:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script> 
    <script type="text/javascript"> 
     var _cssjQ = jQuery.noConflict(); 
     _cssjQ('.foo').css('color','#f0f'); 
     (function($){ 
      $('.bar').css('color','#f0f'); 
     })(jQuery); 
    </script> 

和提琴:http://jsfiddle.net/kbWah/1/

0

1)定义的Jquery第一

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

2)Jquery的后和原型之前添加脚本

<script> 
    var pjquery = jQuery.noConflict();//pjquery will represent jquery framework now on-wards 
</script> 

3)现在定义的prototype.js

<script type = "text/javascript" src = "js/prototype.js" ></script> 

现在究竟在哪儿jQuery是被称为使用pjquery代替$Jquery