2012-07-02 60 views
1

我有兩個js文件,並在實施中有衝突。 令我聯繫的是:在時間選擇器jQuery衝突

調用頁面上的順序是

<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的。但不能與其他人一起使用。時間選擇器是摩托車。

如何解決這兩者之間的衝突。

預先感謝您。

+0

嘗試'jQuery.noConflict()'mootools和jQuery都使用'$()'來選擇元素,這會導致兩者之間的衝突。 – undefined

回答

0

我想你可能需要看看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> 
+0

:$。noConflict();不能爲我工作,因爲它禁用了這兩個功能。我正在使用nogray時間選擇器。它非常好,我想要使用它,但無論是timepicker工作或其他事情。感謝您的幫助 – user1482515

+0

@ user1482515這是來自http://api.jquery.com/jQuery.noConflict/的解決方案之一。請閱讀並嘗試其他的... – Shikiryu

+0

@ Paddy:謝謝你。使用其他小部件沒有衝突謝謝 – user1482515

0

我認爲你需要移動

<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>