Question

我有两个js文件并且在实现方面存在冲突。我的链接顺序是：

     <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>
      <script type="text/javascript" src="../js/jquery-1.7.2.min.js" ></script>

呼叫页面的顺序是

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

jQuery时间选择器冲突

2 个答案: