Question

我开发了一个表单并且有两个函数，一个是使用datepicker选择日期，另一个函数用于使用ajax函数将页面重定向到这里。现在问题是只有ajax函数可以在这里工作如果我包含jquery 2.1.1，如果我删除2.1.1然后只有datepicker可以运行。有没有人知道如何解决这个jquery问题？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
	
  <script src="js/jquery.min.js"></script>
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">

  <script type="text/javascript">
	

$(function() {
        $('.date-picker').datepicker( {
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'MM yy',
            onClose: function(dateText, inst) { 
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                $(this).datepicker('setDate', new Date(year, month, 1));
            },
            beforeShow : function(input, inst) {
                var datestr;
                if ((datestr = $(this).val()).length > 0) {
                    year = datestr.substring(datestr.length-4, datestr.length);
                    month = jQuery.inArray(datestr.substring(0, datestr.length-5), $(this).datepicker('option', 'monthNamesShort'));
                    $(this).datepicker('option', 'defaultDate', new Date(year, month, 1));
                    $(this).datepicker('setDate', new Date(year, month, 1));
                }
            }
        });
    });
 
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){   
	 $('.reveal').on('click', function(e){
        e.preventDefault();
        var link = $(this).attr('href');
        $('.page').load(link);
    });

});
</script>


</head>
   <style>
  .ui-datepicker-calendar {
        display: none;
        }
</style>
 <header>
            
      
 </header>

<body>

<ul>
  <li><a href="homepage.php">Home</a></li>
  <li><a href="#news">News</a></li>
  <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn">Sales Report</a>
    <div class="dropdown-content">
      <a class="reveal" href="table.html">Monthly Sales by Customer Category</a>
      <a class="reveal" href="Login1.html">Monthly Sales by Customer Category</a>
      <a href="#">Link 3</a>
	  
    </div>
  </li>
</ul>
 <label for="startDate">Date :</label>
    <input type="text" class="date-picker" />

<div class ="page">

	
  </div>
    

</body>
</html>

如何使两个jquery函数可以一起工作？

0 个答案: