Question

我有两个jQuery文件。

一个用于调用datepicker，另一个用于调用高级文件。

当我尝试包含这两个文件时，我的高效图正在运行，而datepicker无效。

这是源代码 - datepicker的代码：

<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.core.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.datepicker-cc.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/calendar.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.datepicker-cc-ar.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.datepicker-cc-fa.js"></script>

hichchart的代码是：

<script src="<?=base_url()?>js/jquery-1.9.1.js"></script>
<script src="<?=base_url()?>js/highcharts.js"></script>
<script src="<?=base_url()?>js/exporting.js"></script>

我还尝试将jQuery noconflict放到我的代码中没有结果的地方

<script type="text/javascript">$.noConflict();</script>

任何帮助将不胜感激。

Answer 1

尝试仅使用jquery's and jquery ui's newer version，

<script src="<?=base_url()?>js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.core.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.datepicker-cc.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/calendar.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.datepicker-cc-ar.js"></script>
<script type="text/javascript" src="<?=base_url()?>Date_Component/scripts/jquery.ui.datepicker-cc-fa.js"></script>
<script src="<?=base_url()?>js/highcharts.js"></script>
<script src="<?=base_url()?>js/exporting.js"></script>

Answer 2

尝试这样的事情

     <script src="<?=base_url()?>js/jquery-1.9.1.js"></script>
     <script type="text/javascript">
        var jq = jQuery.noConflict( true );
        //use jq for highchart
     </script>

Answer 3

首先调用jquery

<script src="<?=base_url()?>js/jquery-1.9.1.js"></script>

并在调用jquery

后使用以下代码

<script type="text/javascript">
    var jqobj = jQuery.noConflict( true );     
 </script>

如何克服冲突的jQuery文件

3 个答案: