为什么这个简单的 jQueryUI 代码不起作用?

发布于 2024-11-30 23:07:58 字数 1645 浏览 3 评论 0原文

这是我的 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技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

童话 2024-12-07 23:07:58

您在 $(document).ready() 处理程序末尾缺少结束 );

$(document).ready(function() {

    $('.date-selector').datepicker();

});

供将来参考,这是一个在执行之前检查 JavaScript 的好工具运行它的是JSLint

You're missing a closing ); at the end of your $(document).ready() handler:

$(document).ready(function() {

    $('.date-selector').datepicker();

});

For future reference, a good tool for checking your JavaScript before even running it is JSLint.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文