我是JQuery的初學者(我對這個框架一無所知)。如何調用一個函數JQuery
我最近發現了一個代碼來顯示日曆或使用JQuery的小時數,非常酷。
如何使用此代碼?
按照鏈接我想在我的系統,以實現代碼(剃刀的WebMatrix)
http://trentrichardson.com/examples/timepicker/
我是JQuery的初學者(我對這個框架一無所知)。如何調用一個函數JQuery
我最近發現了一個代碼來顯示日曆或使用JQuery的小時數,非常酷。
如何使用此代碼?
按照鏈接我想在我的系統,以實現代碼(剃刀的WebMatrix)
http://trentrichardson.com/examples/timepicker/
這只是包括必要的腳本和樣式引用,然後連接組件的問題。在這種特殊情況下:
將jQuery引擎核心腳本包含在頁面的<head>
中。使用可用的最新版本(當前爲1.5)。在您的示例頁面的腳本使用jQuery的1.4.4:
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
包含了jQuery UI核心腳本以及(同樣在這裏對版本):
<script type="text/javascript" src="jquery-ui-1.8.6.custom.min.js"></script>
附上插件腳本(S):
<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
不要忘記引用插件UI元素的樣式:
<link rel="stylesheet" media="all" type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css">
線與文本框元素將作爲日曆觸發的插件。這示例使用<input type=text>
ID爲example1
:
$('#example1').datetimepicker();
這些是這種特殊情況下的一般步驟! jQuery提供了更多功能,並且利用它可能需要其他設置。但是你選擇的例子是一個很好的起點:它很有用且易於理解。蟒蛇排序...
我使用WebMatrix中的LayoutPage的概念,標記頭在另一頁上。 這對代碼有影響嗎? 如何在Stackoverflow中發佈我的代碼供您查看? – ridermansb 2011-02-23 18:40:26
真的沒有關係,只需要小心地包含腳本和樣式。如果您的頁面分佈在網站中的目錄中,請注意相對URL。並記住使用$(document).ready()事件處理程序進行連接。也許你可以在[jsFiddle](http://jsfiddle.net)上發佈一些代碼... – Humberto 2011-02-23 18:48:35
我把完整的代碼,我做了一個改變,看看如何JQuery如DSW建議工作,但失敗。 鏈接:http://jsfiddle.net/Fd4Zu/ – ridermansb 2011-02-23 19:04:42
您需要引用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
好運。
作爲一個開始,我建議你閱讀一些教程:http://docs.jquery。com/Tutorials – 2011-02-23 17:57:44
你是否是初學JavaScript或者jQuery的人? – 2011-02-23 17:58:42
我理解一些JavaScript,但幾乎沒有什麼JQuery – ridermansb 2011-02-23 18:42:03