我可以使用在线资源在我的网站中使用JQuery UI小部件吗?

时间:2014-07-17 03:13:27

标签: javascript jquery asp.net jquery-ui datepicker

我今天早上一直在学习first jQuery教程。这有点令人困惑。现在我只想使用jQuery UI在我的asp页面中显示一个DatePicker。我见过多个样本。

This site is instructing to download jQuery UI。是否有必要将任何这些文件/插件下载到项目文件夹中?那个网页的可移植性怎么样?我不能refer to online resources to use DatePicker widget like what this tutorial shows吗?

例如本网站解释的内容: -

在ASP.Net应用程序中使用由Google CDN(内容分发网络)托管的JQuery库。 Google's Content Distribution Network(also, AJAX Libraries API ) hosts most widely used open source JavaScript libraries which can be used globally across the websites. The main advantage of using google's CDN is they manage all the bug fixes, recent updates and provide a high speed access due to better caching, etc. If we are hosting a public website that uses JQuery, then it is advisable to use this Google's feature to host the JQuery library for us.

参考文献:

修改

现在在我的aspx页面中显示Plunker code是一个问题。我只想在编辑模式下在文本框中显示日期选择器。

    <link href="default.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.8.0.js" type="text/javascript"></script>  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js" type="text/javascript"></script>
            <link href="http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $('#StartDateTBox').datepicker()
    })
</script>

<asp:TemplateField HeaderText="Start Date">
    <ItemTemplate>
        <asp:Label ID="Label4" runat="server" Text='<%# Bind("[Start Date]") %>'></asp:Label>
    </ItemTemplate>
    <EditItemTemplate>
       <asp:TextBox ID="StartDateTBox" runat="server"></asp:TextBox>
    </EditItemTemplate>
    <ItemStyle CssClass="itask" />
</asp:TemplateField>

2 个答案:

答案 0 :(得分:1)

你可以从众多CDN中获取JS和CSS,包括google,microsoft和code.jquery.com。

只需将适用的CDN网址添加到链接或脚本标记

即可

此外,还可以使用themeroller中显示的主要主题。

Here's a quick example using cdnjs.cloudfare CDN

答案 1 :(得分:1)

是的,你可以参考任何CDN。你可以在这里获得最新的CDN链接

<link rel="Stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>

检查其他CDN

http://jquery.com/download/