为什么这个简单的 jQueryUI 代码不起作用?
这是我的 HTML 标记:
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
</head>
<body>
<h2>Register</h2>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<link rel="Stylesheet" href="../../Content/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript">
$(document).ready(function() {
$('.date-selector').datepicker();
}
</script>
<form action="/account/register" method="post"> <fieldset>
<legend>UserModel</legend>
<div class="editor-label">
<label for="DateOfBirth">Fecha de Nacimiento</label>
</div>
<div class="editor-field">
<input class="date-selector" data-val="true" data-val-required="Debe escribir su fecha de nacimiento" id="DateOfBirth" name="DateOfBirth" type="text" value="1/1/0001 12:00:00 AM" />;
<span class="field-validation-valid" data-valmsg-for="DateOfBirth" data-valmsg-replace="true"></span>
</div>
请注意,日期选择器类已正确设置,并且 javascript 已正确连接事件。 (我认为)。
我该如何调试出了什么问题?为什么点击出生日期输入文本框时没有弹出日期选择器控件?
Here's the literal HTML markup I have:
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
</head>
<body>
<h2>Register</h2>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<link rel="Stylesheet" href="../../Content/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript">
$(document).ready(function() {
$('.date-selector').datepicker();
}
</script>
<form action="/account/register" method="post"> <fieldset>
<legend>UserModel</legend>
<div class="editor-label">
<label for="DateOfBirth">Fecha de Nacimiento</label>
</div>
<div class="editor-field">
<input class="date-selector" data-val="true" data-val-required="Debe escribir su fecha de nacimiento" id="DateOfBirth" name="DateOfBirth" type="text" value="1/1/0001 12:00:00 AM" />;
<span class="field-validation-valid" data-valmsg-for="DateOfBirth" data-valmsg-replace="true"></span>
</div>
Notice that the class date-selector is properly set, and also the javascript is properly hooking the event up. (I think).
How can I debug what's going wrong? Why doesn't the datepicker control pop up when I click on the date of birth input textbox?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您在
$(document).ready()
处理程序末尾缺少结束);
:供将来参考,这是一个在执行之前检查 JavaScript 的好工具运行它的是JSLint。
You're missing a closing
);
at the end of your$(document).ready()
handler:For future reference, a good tool for checking your JavaScript before even running it is JSLint.