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

问题描述：

<!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应用程序。 –

错误控制台：右键单击任何元素 - >“检查元素” - >“控制台” –

答

你在你$(document).ready()处理程序结束缺少一个右);：

$(document).ready(function() { 

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

});

供将来参考的好工具，即使运行它是JSLint之前检查你的JavaScript。

他的头脑中包含jQuery核心，但第二点是正确的。 –

@OhCaN：是的，脚本标签遍布各地，感谢提示'：）' –

就是这样。我希望Visual Studio让我知道这些语法错误。 –

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

相关推荐