「TypeError：$（...）。timepicker不是一個函數」在jquery時間選擇器

嘗試將jquery時間選擇器插件附加到asp.net項目中的文本框。但是，當運行在Firefox中得到錯誤「TypeError：$（...）。timepicker不是一個函數」。

及以下文件中的Site.Master

<head runat="server"> 
<%--<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>--%> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="Scripts/jquery-ui-1.8.20.js" type="text/javascript"></script> 
<script src="Scripts/bootstrap-datepicker.js"></script> <%--v2.0--%> 
<link href="Scripts/bootstrap-datepicker.css" rel="stylesheet" /> <%--v2.0--%> 
<script src="Scripts/jquery.timepicker.js"></script> <%--v1.9.0--%> 
<link href="Scripts/jquery.timepicker.css" rel="stylesheet" /> <%--v1.9.0--%> 
<link href="Content/Site.css" rel="stylesheet" /> 
<meta charset="utf-8" /> 
<title><%: Page.Title %> - My ASP.NET Application</title> 
<asp:PlaceHolder runat="server"> 
    <%: Scripts.Render("~/bundles/modernizr") %> 
</asp:PlaceHolder> 
<webopt:BundleReference runat="server" Path="~/Content/css" /> 
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
<meta name="viewport" content="width=device-width" /> 
<asp:ContentPlaceHolder runat="server" ID="HeadContent" />

使用，我在默認內容如下頁面使用時間選擇器。

<script> 
    $(function() { 
     $('#FromtimeTextBox1').timepicker(); 
     $('#TotimeTextBox1').timepicker(); 
    });

什麼，我做錯了，如何解決這個問題.....

感謝。

來源

2016-04-23 Jilani pasha

也許你應該檢查這個線程http://stackoverflow.com/questions/31752772/typeerror-timepicker-is-not-a-function – Mirhat

我已經看到那些沒有工作對我來說... –

好的，看看下面的代碼，我已經嘗試在我的本地系統和它的工作，只是照顧sequncing文件 - 嘗試序列文件，如我在下面做的。嘗試在jsfiddle：http://jsfiddle.net/e5jzdqug/

<html> 
<head> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/ui-lightness/jquery-ui.min.css"> 
<link rel="stylesheet" href="http://www.jqueryscript.net/demo/Customizable-jQuery-Timepicker-Plugin-timepicker/jquery.timepicker.css"> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.js"></script> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/css/bootstrap-datepicker.css"> 

<script type="text/javascript" src="http://timepicker.co/resources/jquery-timepicker/jquery.timepicker.min.js"></script> 
<link rel="stylesheet" href="http://timepicker.co/resources/jquery-timepicker/jquery.timepicker.min.css"> 


<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#FromtimeTextBox1').timepicker(); 
     $('#TotimeTextBox1').timepicker(); 
    }); 
</script> 
</head> 
<body> 

<input id="FromtimeTextBox1" type="text"> 
<input id="TotimeTextBox1" type="text"> 
</body> 
</html>

來源

2016-04-23 06:19:13

沒有靜止得到相同的結果... –

我在這裏更新了代碼。嘗試這種方式。 –

也檢查版本，所有文件的版本可能有衝突。 –

你錯過了什麼。

首先檢查「Scripts/jquery.timepicker.js」。

第二次按f12並右鍵單擊chrome刷新按鈕，然後清除緩存。

第三個檢查這個例子。

codepen.io/airsakarya/pen/rerKRV

來源

2016-04-23 06:43:22

你要我檢查「腳本/ jquery.timepicker.js」，我使用Firefox輸出，我也清除和刷新，但沒有 –

只需在瀏覽器中打開該地址即可，如「http：//localhost/yourwebsite/Scripts/jquery.timepicker.js」 –

「TypeError：$（...）。timepicker不是一個函數」在jquery時間選擇器

回答

相關問題