没有 JQuery UI 在 MVC3 中工作答案

【问题标题】：No JQuery UI is working in MVC3没有 JQuery UI 在 MVC3 中工作
【发布时间】：2014-06-03 10:40:46
【问题描述】：

前几天有一些 jquery-ui 元素可以工作，现在我不确定我做了什么，但是 jquery-ui 的东西现在都没有工作。在我的 Site.Master 页面中，我有以下内容...

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../../Content/jquery.timepicker-1.2.2.css" rel="Stylesheet" type="text/css" />
<script src="<%: Url.Content("~/Scripts/jquery-1.5.1.min.js") %>" type="text/javascript" />
<script type="text/javascript" src="../../Scripts/jquery.timepicker-1.2.2.js" />
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript" />

因此，例如，在从该母版页中提取的页面中，我正尝试像这样绑定日期选择器...

 <asp:Content ID="Content1" ContentPlaceHolderID="LocationMainContent" runat="server">
 <script language="javascript" type="text/javascript">
    $(function () {
        $('#datepicker').datepicker();
    });
</script>
<h2>DaysOff</h2>
<div style="width:50%;">
    <input type="text" id="datepicker" />
</div>

这行不通。更多信息 - 我在下面收到客户端错误...

Uncaught Sys.ArgumentException: sys.argumentException: An element with id 'ctl01'
could not be found. Parameter name: elementOrElementId - ScriptRescource.axd?<gibberish>
Uncaught TypeError: undefined is not a function - jquery-1.5.1.min.js:19

我真的不明白为什么它在 .js 文件中的那一行失败。有什么想法吗？

【问题讨论】：

标签： javascript jquery asp.net asp.net-mvc-3

【解决方案1】：

“未定义不是函数”错误可能是.datepicker() 你能在这里确认你的路径是正确的吗：

<script type="text/javascript" src="../../Scripts/jquery.timepicker-1.2.2.js" />
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript" />

【讨论】：

我可以确认这些是正确的，顺便说一下，.timepicker 与 .datepicker 不同，但它们也不起作用。
因此，当我将有效。这有什么意义？那个固定的时间选择器，日期选择器仍然坏了，正在研究它，如果我弄清楚了，就会更新它。
如果您查看原始问题，我将在声明中结束脚本标签。一旦我将结束标签分开，那么我所有的 jquery-ui 组件都在工作。对我来说似乎很奇怪，如果有人对为什么会这样有任何意见，我很感兴趣。因此，为了清楚起见... 不起作用...
嗯，是的，一个快速的谷歌，看起来你并不孤单：ilminator.wordpress.com/2012/02/18/…

【解决方案2】：

正如 McCheeseIt 在下面发布的链接中一样，出于某种原因，您必须将结尾的 </script> 标记分开。为了澄清......

<script src="..." />

不工作...

<script src="..."></script>

确实有效。如果有人对为什么有任何倾向，我很想听听。

【讨论】：