如何调用函数JQuery

时间:2011-02-23 17:54:31

标签: c# jquery-ui razor datetimepicker webmatrix

我是JQuery的初学者(我对这个框架一无所知)。

我最近发现了一个使用JQuery显示日历或小时的代码,非常酷。

我该如何使用此代码?

点击我试图在我的系统中实现的代码的链接(使用Razor WebMatrix)

http://trentrichardson.com/examples/timepicker/

2 个答案:

答案 0 :(得分:2)

只需要包含必要的脚本和样式引用,然后连接组件即可。在这种特殊情况下:

  1. 在页面的<head>中包含jQuery引擎核心脚本。使用最新版本(目前为1.5)。示例页面中的脚本使用jQuery 1.4.4:

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

  2. 还包括jQuery UI核心脚本(此处的版本相同):

    <script type="text/javascript" src="jquery-ui-1.8.6.custom.min.js"></script>

  3. 包含插件脚本:

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

  4. 不要忘记引用插件UI元素样式:

    <link rel="stylesheet" media="all" type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css">

  5. 使用文本框元素连接插件,该元素将充当日历触发器。该示例使用ID为<input type=text>的{​​{1}}:

    example1

  6. 这些是针对这种特殊情况的一般步骤! jQuery提供了更多功能,利用它可能需要其他设置。但是你选择的例子是一个很好的起点:它有用且易于理解。 Boa sorte ......

答案 1 :(得分:1)

您需要在html中引用JQuery核心库,您可以通过CDN(例如Google)或下载.js文件来引用它们。如果你只是想使用Google的CDN,那么这里是jQuery js文件的链接:

https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js

接下来下载.js和该jQuery插件所需的任何其他文件,并在你的html中引用它们。

按照网站上的示例,然后将日历添加到您的HTML。

另外,请在这里阅读JQuery - &gt; http://docs.jquery.com/Main_Page

祝你好运。