"TypeError: $ (...). Timepicker ist keine Funktion" in Jquery Time Picker

Versucht, jquery Time Picker Plugin an Textbox in asp.net Projekt anzuhängen. Aber wenn in Firefox läuft der Fehler "TypeError: $ (...). Timepicker ist keine Funktion".

und die unten Dateien in 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" />

und i-Picker, wie unten in Standard-Content-Seite bin mit der Zeit verwendet.

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

, was ich hier falsch mache, wie diese .....

Dank zu lösen.

Quelle

2016-04-23 Jilani pasha

Vielleicht sollten Sie diesen Thread http://stackoverflow.com/questions/31752772/typeerror-timepicker-is-not-a-function überprüfen – Mirhat

ich sah schon diejenigen, die nicht für mich gearbeitet ... –

Ok schauen Sie sich unter Code, ich habe versucht, in meinem lokalen System und seine Arbeit, nur auf Sequencing der Datei - versuchen, Sequenz-Datei, wie ich unten getan. Versuchen Sie in 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>

Quelle

2016-04-23 06:19:13

nicht noch bekomme das gleiche Ergebnis ... –

Ich habe den Code hier aktualisiert. versuche es so. –

überprüfen Sie auch Versionen, es kann zu Konflikten von Versionen aller Dateien kommen. –

Sie etwas fehlt.

Überprüfen Sie zuerst "Scripts/jquery.timepicker.js".

Drücken Sie die Taste f12 und klicken Sie mit der rechten Maustaste auf die Schaltfläche "Chrome Refresh", um den Cache zu löschen.

drittens überprüfen Sie dieses Beispiel.

codepen.io/airsakarya/pen/rerKRV

Quelle

2016-04-23 06:43:22

was Sie wollen mich einchecken "Scripts/jquery.timepicker.js", ich benutze Firefox für die Ausgabe und ich auch gelöscht und aktualisiert, aber nein Ändern Sie –

öffnen Sie einfach diese Adresse in Ihrem Browser. Es wäre wie "http: //localhost/yourwebsite/Scripts/jquery.timepicker.js" –

"TypeError: $ (...). Timepicker ist keine Funktion" in Jquery Time Picker

Antwort

Verwandte Themen