未定義不是函數ImpressPages DatePicker

Question

我想創建我自己的表單plugin.I獲取undefined不是函數錯誤，當我將jquery datepicker添加到_eader.php文件的impresspages中。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

的Html

<div class="row"> 
     <div class="col-md-12"> 
      <form role="form" action="roomjack/create_customer" method="POST" accept-charset="utf-8"> 
       <div class="form-group"> 
        <label for="in">Check In Date :</label> 
        <input type="text" id="in" class="datepicker form-control"> 
       </div> 
       <div class="form-group"> 
        <label for="out">Check Out Date:</label>  
        <input type="text" id="out" class="datepicker form-control"> 
       </div> 
       <button type="submit" class="btn btn-default">Book Now</button> 
      </form> 
     </div> 
    </div> 

而且這是我在_footer.php上面的腳本

<script> 
    $(document).ready(function(){ 
      $(".datepicker").datepicker(); 
     }); 
    </script> 

Answer 1

你的代碼，它的工作..也許有毛病的JavaScript插件從而使衝突。

$(document).ready(function(){ 
 
      $(".datepicker").datepicker(); 
 
     });

<link href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
<div class="row"> 
 
     <div class="col-md-12"> 
 
      <form role="form" action="roomjack/create_customer" method="POST" accept-charset="utf-8"> 
 
       <div class="form-group"> 
 
        <label for="in">Check In Date :</label> 
 
        <input type="text" id="in" class="datepicker form-control"> 
 
       </div> 
 
       <div class="form-group"> 
 
        <label for="out">Check Out Date:</label>  
 
        <input type="text" id="out" class="datepicker form-control"> 
 
       </div> 
 
       <button type="submit" class="btn btn-default">Book Now</button> 
 
      </form> 
 
     </div> 
 
    </div>

Answer 2

刪除jQuery的 - 它是由默認的核心增加。刪除此行：

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 

如果仍然出現問題，請嘗試刪除jQuery UI。刪除這一行：

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>