Jquery ui 我应该把这个javascript代码放在哪里？

我第一次使用jQueryUI，我将为DOB字段创建一个datetimepicker控件

以下是视图的外观：

    <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<StronglyTypedHelpers.Models.Person>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <script type="text/javascript">
        $('#date').datepicker();
    </script>    
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Index</h2>

    <% using (Html.BeginForm()) {%>
        <%: Html.ValidationSummary(true) %>

        <fieldset>
            <legend>Fields</legend>

            <div class="editor-label">
                <%: Html.LabelFor(model => model.Name) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Name) %>
                <%: Html.ValidationMessageFor(model => model.Name) %>
            </div>

            <div class="editor-label">
                <%: Html.LabelFor(model => model.Age) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Age) %>
                <%: Html.ValidationMessageFor(model => model.Age) %>
            </div>

            <div class="editor-label">
                <%: Html.LabelFor(model => model.DOB) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.DOB, String.Format("{0:g}", Model.DOB)) %>
                <%: Html.ValidationMessageFor(model => model.DOB) %>
            </div>

            <div class="editor-label">
                <%: Html.LabelFor(model => model.Married) %>
            </div>
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Married) %>
                <%: Html.ValidationMessageFor(model => model.Married) %>
            </div>

            <p>
                <input type="submit" value="Save" />
            </p>
        </fieldset>

    <% } %>

    <div>
        <%: Html.ActionLink("Back to List", "Index") %>
    </div>

</asp:Content>

我该把它放在哪里

以下是我正在阅读的内容的链接：

---

这应该可以。。。只要把它放在任何你有HTML的地方

<script type="text/javascript">
$({
// put jquery code in here
});
</script>

---

这应该可以放在任何地方，但最好放在html的开头。

可以放在文档末尾，如下所示：

.
.
.
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#date').datepicker();
});
</script>
</body>
</html>

。
.
.
$（文档）.ready（函数（）{
$（'#date'）.datepicker（）；
});

或者，如果在页面头部调用了jquery.js和jquery-ui.js，只需添加

<script type="text/javascript">
$(document).ready(function() {
    $('#date').datepicker();
});
</script>

$（文档）.ready（函数（）{
$（'#date'）.datepicker（）；
});

---

就在

标记之前

您不能在标题中添加javascript。你必须把它放在你的内容里

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
       $('#date').datepicker();
    });
</script>

    <h2>Index</h2>
  ...

$（文档）.ready（函数（）{
$（'#date'）.datepicker（）；
});
指数
...

---

document.ready与旧的javascript windows.onload类似，只是document.ready会更早启动，并且不会等待图像加载：）

脚本不会执行，而是设置在我的网页标题处。我需要告诉MVC2不要渲染它，而是将其作为代码处理。使用这个方法是有效的。谢谢另外，为什么我需要使用.ready（）函数？您希望在事件上执行日期选择器代码。例如，单击按钮，或在此处加载页面。记住$（document）.ready（函数（）{…}）；代码，因为几乎所有jQuery代码都是从这个“代码”开始的，所以这个代码只是告诉脚本。加载页面（文档）时，（但跳过缓慢加载的图像等，只跳过HTML），因此当加载页面的HTML时，执行此函数。然后，此函数中的代码将像日期选择器一样执行。这就是您执行jQuery的方式：）您很快就会爱上它；）在jQuery网站上加载示例。

<script type="text/javascript">
$(document).ready(function() {
    $('#date').datepicker();
});
</script>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
       $('#date').datepicker();
    });
</script>

    <h2>Index</h2>
  ...