冲突

2014-08-27 130 views
0

我使用日期选择在我的网页冲突

日期选择器,我使用的工作与jQuery 1.6.2和jQuery UI 1.8.14

然后我使用与1.9.0工作jstree以上

和多重选择至少1.7.0的jQuery

我加载这些js文件

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

<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script> 
<script type="text/javascript"> 
var jq162 = jQuery.noConflict(true); 
</script> 

<script type="text/javascript" src="scripts/jquery-ui-1.10.42.custom.js"></script> 
<link rel="stylesheet" media="all" type="text/css" href="js/jquery-ui.css" /> 
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc2.all.min.js"></script> 
<script type="text/javascript" src="jquery-ui-timepicker-addon2.js"></script> 
<link href="js/multiple-select.css" rel="stylesheet"/> 
<script src="js/jstree.min.js"></script> 
<link rel="stylesheet" href="js/themes/style.min.css" /> 

现在我用这个

<script type="text/javascript"> 
     jq162(function() { 
     //---------------------------------- 
     jq162('#datepicker12from').datepicker({ 
      onSelect: function(dateText, inst) { 
      jq162('#datepicker12to').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay'])); 
      } 
     }); 
     jq162('#datepicker12to').datepicker(); 
     jq162('#datepicker').datepicker(); 
    }); 
</script> 

也与此代码日期选择器不工作

我能为这个问题做什么?

请帮助我,如果可以的话,我真的需要解决这个节目

谢谢

回答

2

这里最简单的解决方法是使用较新的jQuery库,为DatePicker仍然会正常工作。

但是......

有使用.noConflict()各地根据你已经尝试了什么工作:

HTML

<-- Leave the jsTree library out of here --> 
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script> 
<link rel="stylesheet" media="all" type="text/css" href="js/jquery-ui.css" /> 
<script type="text/javascript" src="scripts/jquery-ui-1.10.42.custom.js"></script> 
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc2.all.min.js"></script> 
<script type="text/javascript" src="jquery-ui-timepicker-addon2.js"></script> 
<link href="js/multiple-select.css" rel="stylesheet"/> 
<link rel="stylesheet" href="js/themes/style.min.css" /> 

的jQuery(JavaScript)的

var jq162 = jQuery.noConflict(true); 

// For debugging. 
// You can see which version is loaded where. 
console.log(jq162.fn.jquery); 
console.log($.fn.jquery); 

jq162(function() { 
    jq162('#datepicker12from').datepicker(); 
}); 

$(function() { 
    // Load the jsTree script library here. 
    $.getScript('js/jstree.min.js', function() { 
     // When it's done loading, create your jsTree stuff. 
     $('#jstree1').jstree(); 
    }); 
}); 

Demo