jQuery不使用Masterpage

时间:2015-12-31 01:27:47

标签: jquery asp.net webforms master-pages

我目前正在将JQuery datepicker小部件添加到我的页面。当我这样编码时:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

在子页面的内容块中,它工作正常。但是,如果我将上面的代码移到母版页的部分,我的datepicker脚本会抛出错误。

知道为什么吗?我不想在我需要的每个页面上链接到jquery脚本。我读过很多类似的问题,但他们根本没有任何帮助。我也尝试过使用本地文件而不是CDN,

<script src="<%= ResolveUrl("~/Scripts/jquery-2.1.4.min.js")  %>"></script>
<script src="<%= ResolveUrl("~/Scripts/jquery-ui.min-1.11.1.js")  %>"></script>

但无济于事。

1 个答案:

答案 0 :(得分:0)

我的母版页。

            <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="ScottsApp.Site1" %>

            <!DOCTYPE html>

            <html xmlns="http://www.w3.org/1999/xhtml">
            <head runat="server">
                <title></title>
                <script src="//code.jquery.com/jquery-1.10.2.js"></script>
                <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
                <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
                <asp:ContentPlaceHolder ID="head" runat="server">
                </asp:ContentPlaceHolder>
            </head>
            <body>
                <form id="form1" runat="server">
                <div>
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

                    </asp:ContentPlaceHolder>
                </div>
                </form>
            </body>
            </html>

内容页面:

    <%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ScottsApp.WebForm1" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">


    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
         <script>
             $(document).ready(function () {
                 $("#tt").dialog();
             });
         </script>
        <div id="tt">hello</div>
    </asp:Content>

毫不费力地工作。您是否正在使用onload事件处理程序以确保在开始使用它们之前加载了everthing?