为什么这个简单的 jQueryUI 代码不起作用？答案

【问题标题】：Why is this simple jQueryUI code not working?为什么这个简单的 jQueryUI 代码不起作用？
【发布时间】：2011-08-21 19:44:17
【问题描述】：

这是我拥有的文字 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 也正确连接了事件。（我认为）。

如何调试出了什么问题？为什么点击出生日期输入框不弹出日期选择器控件？

【问题讨论】：

@Pek：这些错误会出现在哪里？我正在使用 Google Chrome 来测试我的 MVC3 应用程序。
错误控制台：右键单击任何元素->“检查元素”->“控制台”
谢谢，很方便知道。我得到了这个：Uncaught SyntaxError: Unexpected end of input。有没有办法查看哪些行触发了错误？
另一个有用的快捷键是 Cmd + Option + J（在 Windows 和 Linux 上为 Ctrl + Shift + J），它可以同时调出控制台和开发者工具。这是检查脚本何时未按预期运行的第一个地方。

标签： javascript jquery html jquery-ui datepicker

【解决方案1】：

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

$(document).ready(function() {

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

});

为了将来参考，在运行之前检查 JavaScript 的好工具是 JSLint。

【讨论】：

他的头部包含 jQuery 核心，但第二点是正确的。
@OhCaN：是的，脚本标签到处都是，感谢提示:)
就是这样。我希望 Visual Studio 让我知道这些语法错误。
@Sergio：同意。我为 VS 使用了一个 JSLint 插件，您可能会发现它很有用：jslint4vs2010.codeplex.com