无法让Juice UI工作

时间:2012-12-14 06:14:21

标签: asp.net .net-4.0 juice-ui

我是网络开发的新手。想试试ASP.NET + JuiceUI。从visual studio中的基本网站项目模板开始,我想尝试在网页中获取JuiceUI Datepicker控件。我按照说明使用nuget将JuiceUI安装到我的项目中。但是当我试图将一个果汁Datepicker放入我的页面时,它根本不起作用:

Default.aspx的

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1><%: Title %>.</h1>
                <h2>Modify this template to jump-start your ASP.NET application.</h2>
            </hgroup>
            <p>

            <asp:TextBox id="_test" runat="server" ></asp:TextBox>
            <juice:Datepicker TargetControlID="_test" runat="server" />
        </div>
    </section>
</asp:Content>

它不起作用......我在页面中得到一个愚蠢的文本框,就是这样。由于这是非常简单的代码,我想我必须在某处犯了一些愚蠢的错误。如果有人能帮助我,我会很感激因为我是网络开发人员的新手。

修改

Javascript错误:

ReferenceError: jQuery is not defined [http://localhost:2964/Scripts/amplify.js:788]
ReferenceError: jQuery is not defined [http://localhost:2964/Scripts/juice.js:201]

解决方案:

使用Juice的nuget安装创建

ScriptManager

<asp:ScriptManager runat="server">
    <Scripts>
        <asp:ScriptReference Name="jquery"/>
        <asp:ScriptReference Name="jquery.ui.combined"/>
    </Scripts>
</asp:ScriptManager>

修正:

<asp:ScriptManager runat="server">
    <Scripts>
        <asp:ScriptReference Name="jquery" Path="~/Scripts/jquery-1.8.3.js"/>
        <asp:ScriptReference Name="jquery.ui.combined"  Path="~/Scripts/jquery-ui-1.9.2.js"/>
    </Scripts>
</asp:ScriptManager>

它有效。

1 个答案:

答案 0 :(得分:1)

从你的错误中可以看出你需要包含jQuery库

http://jquery.com/

在调用juice之前,可能在aspx页面的顶部。

例如:

<script type="text/javascript" src="jquery.js"></script> 

更多:
Where do you include the jQuery library from? Google JSAPI? CDN?
http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery