2011-02-23 69 views
0

我是JQuery的初學者(我對這個框架一無所知)。如何調用一個函數JQuery

我最近發現了一個代碼來顯示日曆或使用JQuery的小時數,非常酷。

如何使用此代碼?

按照鏈接我想在我的系統,以實現代碼(剃刀的WebMatrix)

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

+2

作爲一個開始,我建議你閱讀一些教程:http://docs.jquery。com/Tutorials – 2011-02-23 17:57:44

+0

你是否是初學JavaScript或者jQuery的人? – 2011-02-23 17:58:42

+0

我理解一些JavaScript,但幾乎沒有什麼JQuery – ridermansb 2011-02-23 18:42:03

回答

2

這只是包括必要的腳本和樣式引用,然後連接組件的問題。在這種特殊情況下:

  1. 將jQuery引擎核心腳本包含在頁面的<head>中。使用可用的最新版本(當前爲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. 附上插件腳本(S):

    <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. 線與文本框元素將作爲日曆觸發的插件。這示例使用<input type=text> ID爲example1

    $('#example1').datetimepicker();

這些是這種特殊情況下的一般步驟! jQuery提供了更多功能,並且利用它可能需要其他設置。但是你選擇的例子是一個很好的起點:它很有用且易於理解。蟒蛇排序...

+0

我使用WebMatrix中的LayoutPage的概念,標記頭在另一頁上。 這對代碼有影響嗎? 如何在Stackoverflow中發佈我的代碼供您查看? – ridermansb 2011-02-23 18:40:26

+0

真的沒有關係,只需要小心地包含腳本和樣式。如果您的頁面分佈在網站中的目錄中,請注意相對URL。並記住使用$(document).ready()事件處理程序進行連接。也許你可以在[jsFiddle](http://jsfiddle.net)上發佈一些代碼... – Humberto 2011-02-23 18:48:35

+0

我把完整的代碼,我做了一個改變,看看如何JQuery如DSW建議工作,但失敗。 鏈接:http://jsfiddle.net/Fd4Zu/ – ridermansb 2011-02-23 19:04:42

1

您需要引用JQuery的核心庫在你的HTML,而這可通過CDN進行引用,例如Google或通過下載.js文件。如果你只是想使用谷歌的CDN這裏是鏈接到jQuery的js文件:

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

下一頁下載的.js和由jQuery插件所需的任何其他文件,並在HTML中引用它們。

請按照網站上的示例,然後將日曆添加到您的HTML。

,並閱讀了jQuery的位置 - >http://docs.jquery.com/Main_Page

好運。

相關問題