2017-08-08 76 views
-1

後,這裏是我的頭文件:我jQuery的日期選擇器只有負荷刷新

<link rel="stylesheet" type="text/css" href="<?php echo str_replace("/index.php/","/",base_url()); ?>assets/dtpicker/jquery.datepick.css"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" async></script> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" async></script> 
    <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" async></script> 
    <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" async></script> 
    <script type="text/javascript" src="<?php echo str_replace("/index.php/","/",base_url()); ?>assets/dtpicker/jquery.plugin.js" async></script> 
    <script type="text/javascript" src="<?php echo str_replace("/index.php/","/",base_url()); ?>assets/dtpicker/jquery.datepick.js" async ></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" async></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" async></script> 
    <script src="https://use.fontawesome.com/0d83f3667e.js" async></script> 
    <script src="<?php echo $assets ?>js/timepicki.min.js" async></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js" async></script> 

這裏是我的網頁底部的腳本。

<script> 
    $(document).ready(function(){ 

     $("#date_pickup_").datepick({dateFormat: 'dd-mm-yyyy'}); 
     $("#date_drop_").datepick({dateFormat: 'dd-mm-yyyy'});  

    }); 
</script> 

有關詳細信息,這是鏈接到該網站:http://www.yiyalo.com

+1

你加載*** 4 ***單獨的jQuery實例。我強烈建議你改變這一點。您也無法加載jQuery'async' - 它*在您加載任何其他依賴於它的腳本(即您加載的其他每個腳本)之前都可用。最後,jQueryUI和Bootstrap可能會相互干擾。我建議只使用其中之一。我個人的偏好是引導。 –

+0

我應該選擇哪一個?這是一箇中等的項目,如果我刪除了其中的一些,它會影響到另一個腳本嗎? –

回答

0

加載你的網頁瀏覽器,我注意到,在控制檯的錯誤。在執行你的代碼一段時間得到一個語法錯誤,因爲語法不正確

$(document).ready(function()){ 
// click search btn 
$("#searchCar").click(function(){ 
    searching(); 
}); 

你需要做這些

$(document).ready(function(){ 
// click search btn 
$("#searchCar").click(function(){ 
    searching(); 
}) 
}) 

這一問題將得到固定