任何想法如何处理?我的意思是jquery-ui似乎不是amd而且我不知道如何管理它,任何想法?
这个问题已被多次询问,但没有一个对我有用.我想在JSP文件中使用这个日期选择器.这是我的剧本
<head>
<title>My Home</title>
<link rel="stylesheet" type="text/css"
href="../resource/css/page-style.css" />
<link rel="stylesheet" type="text/css"
href="../resource/css/jQuery-ui.css" />
<script src="../resource/js/jquery-1.9.1.js"></script>
<script src="../resource/js/jquery-ui.js"></script>
<script type="text/javascript" src="../resource/js/form-elements.js"></script>
<script type="text/javascript">
$("document").ready(function() {
$("#shortcuts").load("shortcut.html");
$("#datepicker").datepicker();
alert('jQuery is working');
});
</script>
</head>
Run Code Online (Sandbox Code Playgroud)
该shortcut文件加载完美,警报也呈现出.我收到错误消息TypeError: $(...).datepicker is not a function.如果我在我的桌面放置的html文件中运行此脚本,当我将来自代码复制到我的IDE并运行它时,我没有遇到此问题我在控制台中收到此错误.请建议我该怎么办?我知道这个问题被问了好几次,我已经检查了每个答案,这是唯一一个与我的概率非常匹配的链接,但对我来说不起作用.
我使用datetimepicker jquery ui,当代码在html下面时,datetimepicker没有显示,当我用firebug console它检查时显示错误``
$("#example1").datetimepicker is not a function
[Break On This Error] $("#example1").datetimepicker();
Run Code Online (Sandbox Code Playgroud)
以下是代码
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
<style>
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
</style>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" …Run Code Online (Sandbox Code Playgroud) 我试图将fullcalendar和datepicker链接在一起为我自己形成一个漂亮的日历,但我遇到了以下错误代码:
错误信息 :
$("#datepicker").datepicker不是一个函数
这是我的代码:
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.print.css' media='print' />
<link href="../scripts/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../Styles/dark-hive/jquery.ui.all.css">
<script src="../jquery/jquery-1.7.1.js"></script>
<script type='text/javascript' src='../jquery/jquery-ui-1.8.17.custom.min.js'></script>
<script src="../jquery/ui/jquery.ui.core.js"></script>
<script src="../scripts/ui/jquery.ui.datepicker.js"></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript'>
$(function() {
$('#calendar').fullCalendar({
theme: true,
header: {
left: '',
center: '',
right: ''
},
defaultView: 'agendaDay',
editable: false,
events: "../fullcalendar/JSONcreator"
});
$('#datepicker').datepicker({
inline: true,
onSelect: function(dateText, inst) {
var d = new Date(dateText);
$('#calendar').fullCalendar('gotoDate', d);
}
});
})
</script>
Run Code Online (Sandbox Code Playgroud)
另外,有没有办法摆脱顶部的一些JQuery脚本调用?有太多,看起来很混乱,但我是JQuery的新手.