1

我有两个 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。

如何解决这两者之间的冲突。

先感谢您。

4

2 回答 2

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>
于 2012-07-02T08:23:25.313 回答
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>
于 2012-07-03T05:56:27.123 回答