Question

我已经成功地使JQuery与Master Pages一起工作，但不是JQuery UI.My页面中的标题如下所示：

<head runat="server">
<title>Analytics</title>
<link href="~/css/PageElements.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="~/css/FormElements.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="~/css/Buttons.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="<%# ResolveUrl("~/css/smoothness/jquery-ui-1.8.9.custom.css") %>" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-1.4.4.min.js") %>" />
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-ui-1.8.9.custom.min.js") %>" />

<script type="text/javascript">
    jQuery.noConflict();  <%--This should avoid conflicts Ajax Control Toolkit--%>
</script>

<asp:ContentPlaceHolder ID="HeaderPlaceHolder" runat="server" />
</head>

在内容页面中，我根据JQuery UI演示页面创建了一个非常简单的脚本来加载日期选择器。我总是得到'Microsoft JScript运行时错误：对象不支持此属性或方法'。这是我的内容页面：

<asp:Content ID="MainContent" ContentPlaceHolderID="MainPlaceHolder" runat="server">
<script type="text/javascript">
jQuery(document).ready(function () {
    jQuery('#<%=btnSubmit.ClientID %>').click(function () {
        alert("Hello world!");
    });

});
</script>

<script type="text/javascript">
    jQuery(function () {
        jQuery('#<%=datepicker.ClientID %>').datepicker();
    });
</script>

<div class="demo">

<p>Date: <asp:TextBox runat="server" ID="datepicker" /></p>

</div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</asp:Content>

CSS文件夹到位，纯JQuery调用工作。这个简单的日期选择器不适用于此母版页/内容设置。我已经使用ClientID（按原样），UniqueID，[id $ = datepicker]等为datepicker ID尝试了许多组合。

有人可以对此有所了解吗？我错过了什么？

Answer 1

不要为<script>使用自我结束标记 Why don't self-closing script tags work?

Answer 2

我发现解决此问题的唯一方法是在内容页面中添加脚本引用。我尝试在预渲染期间添加jquery，就像添加jquery一样。它不会起作用。

JQuery UI无法使用母版页

2 个答案: