jQuery конфликт в выборе времени

Question

У меня есть два файла js и конфликт в реализации. Порядок моих ссылок:

порядок вызова на странице

<script type="text/javascript"> 
     $(document).ready(function() { 
      <?php $check = ronly($_SESSION['num']);?> 
      var myvar= '<?php echo $check; ?>'; 
     var table = 'prel'; 
     var id = '<?php echo $_SESSION['num'];?>'; 

     loadJson(table, id, myvar); 
     showhide(); 
    }); 
</script> 
<script language="javascript"> 
    window.addEvent("domready", function(){ 

     var tp1 = new TimePicker('time1_picker', 'preltemph', 'time1_toggler', {imagesPath:"../images"}); 


    }); 
</script> 

<input type="text" name="preltemph" id="preltemph" /> <a href="#"       id="time1_toggler">Temp</a> 
<div id="time1_picker" class="time_picker_div"></div> 

Если я использую время сборщика на отдельной странице без каких-либо других Jquery она работает нормально. Но не при использовании с другими. Выбор времени - это mootool.

Как разрешить конфликт между этими двумя.

Заранее спасибо.

Answer 1

Я думаю, что вам, возможно, придется смотреть на jQuery.noConflict()

С этого сайта http://api.jquery.com/jQuery.noConflict/:

<script type="text/javascript" src="other_lib.js"></script> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
    $.noConflict(); 
    jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
    }); 
    // Code that uses other library's $ can follow here. 
</script> 

Answer 2

Я думаю, что вам нужно переместить

<script type="text/javascript" src="../js/jquery-1.7.2.min.js" ></script> 

к началу все подобные скрипты

<script type="text/javascript" src="../js/jquery-1.7.2.min.js" ></script> 
<script language="javascript" src="../js/time.js"></script>  
<script language="javascript" src="../js/time_picker_min.js"></script> 
<script type="text/javascript" src="../js/json.js"></script>