如何在同一個html中使用2個不同版本的jquery

Question

我想在html中使用表單驗證以及datepicker。由於衝突它不起作用。請幫忙。這是我的代碼。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"       type="text/javascript"></script> 
    <script  src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.js"  type="text/javascript"></script> 
    <script type="text/javascript"> 

    $().ready(function() { 
    $("#form1").validate({ 
     rules: { 
      asset_name: 'required', 
      asset_code: 'required', 
      asset_desc: 'required', 
      purchase_date: 'required' 


     } 
     }); 
     }); 
     </script> 
     <link rel="stylesheet"  href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css" /> 
     <script type="text/javascript"> 
     jQuery.noConflict(); 
     $(function() { 
     $("#purchase_date").datepicker({ dateFormat: 'yy-mm-dd' }); 
     }); 
      $(function() { 
     $("#renewal_date").datepicker({ dateFormat: 'yy-mm-dd' }); 
     })(jQuery); 
      </script> 

Answer 1

你可以使用.noConflict（）這個

<!-- load jQuery 1_8_3 --> 
    <script src="../assets/js/jquery-1.8.3.min.js"></script> 
     <script type="text/javascript"> 
     var jQuery_1_8_3 = $.noConflict(true); 
     </script> 

     <!-- load jQuery 1.4.2 --> 
     <script type="text/javascript" src="jquery/jquery-1.4.2.js"></script> 
     <script type="text/javascript"> 
     var jQuery_1_4_2= $.noConflict(true); 
     </script> 

see here

Answer 2

嘗試使用：

jQuery.noConflict(); 

你會發現一個實例和文檔here.