爲什麼這個簡單的jQueryUI代碼不起作用？

這裏的文字HTML標記，我有：爲什麼這個簡單的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是正確掛鉤的事件了。（我認爲）。

我該如何調試出問題了？爲什麼當我點擊出生日期輸入文本框時不彈出日期選擇器控件？

來源

2011-08-21 Only Bolivian Here

您是否收到任何錯誤？ –

@Pek：這些錯誤會出現在哪裏？我使用Google Chrome來測試我的MVC3應用程序。 –

錯誤控制檯：右鍵單擊任何元素 - >「檢查元素」 - >「控制檯」 –

你在你$(document).ready()處理程序結束缺少一個右);：

$(document).ready(function() { 

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

});

供將來參考的好工具，即使運行它是JSLint之前檢查你的JavaScript。

來源

2011-08-21 19:53:48

他的頭腦中包含jQuery核心，但第二點是正確的。 –

@OhCaN：是的，腳本標籤遍佈各地，感謝提示'：）' –

就是這樣。我希望Visual Studio讓我知道這些語法錯誤。 –

爲什麼這個簡單的jQueryUI代碼不起作用？

回答

相關問題