2013-10-12 44 views
1

嘿我有我的代碼是所有的設置,但似乎與jQuery 1.5.2和jQuery的1.10.1.min衝突我怎麼能讓他們免受衝突?如何保持jquery-1.5.2和jquery-1.10.1.min不衝突?

+2

1. http://api.jquery.com/jQuery.noConflict/ 2.如果您改寫它並停止使用古代版本,該怎麼辦? – zerkms

+1

如果您不能重寫棄用的代碼,請使用jQuery Migrate插件https://github.com/jquery/jquery-migrate/ – Barmar

回答

2
<!-- load jQuery 1.5.2 --> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.js"> 
    </script> 
    <script type="text/javascript" src="jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="jquery.betterTooltip.js"> 
</script> 


    <!-- revert global jQuery and $ variables and store jQuery in a new variable --> 
    <script type="text/javascript"> 
    var jQuery_1_5_2 = jQuery.noConflict(true); 
//do stuff here like calling above two plugin 
//which support older versions 
    </script> 

    <!-- load jQuery 1.10.1 --> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js"></script> 

    <!-- revert global jQuery and $ variables and store jQuery in a new variable --> 
    <script type="text/javascript"> 
    var jQuery_1_10_1 = jQuery.noConflict(true); 
//do stuff which support newer versions 
    </script> 

然後,而不是$('#selector').function(); 你會做jQuery_1_5_2 ('#selector').function(); 代碼對代碼工作1.5.2 和jQuery_1_10_1 ('#selector').function();. 工作1.10.1

,但使用它們降低將更高版本 即首先使用1.5.2的所有功能,然後全部使用1.10.1