c# - 関数 JQuery を呼び出す方法

Question

私は JQuery の初心者です (このフレームワークについては何も知りません)。

最近、JQuery を使用して非常にクールなカレンダーまたは時間を表示するコードを見つけました。

このコードはどのように使用できますか?

システムに実装しようとしているコードへのリンクをたどります (Razor WebMatrix を使用)

score 2 · Accepted Answer

必要なスクリプトとスタイル参照を含めて、コンポーネントを配線するだけです。この特定のケースでは:

ページ内に 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>
プラグインスクリプトを含めます。

<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 はより多くの機能を提供しており、それを活用するには別の設定が必要になる場合があります。しかし、あなたが選んだ例は良い出発点です。これは便利で理解しやすいものです。ボアソート...

score 1 · Accepted Answer

html で JQuery コアライブラリを参照する必要があります。これは、Google などの CDN を介して参照するか、.js ファイルをダウンロードして参照できます。Google の CDN を使用する場合は、jQuery js ファイルへのリンクを次に示します。

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

次に、その jQuery プラグインに必要な .js およびその他のファイルをダウンロードし、html でそれらを参照します。

サイトの例に従って、カレンダーを html に追加します。

また、ここでJQueryを読んでください-> http://docs.jquery.com/Main_Page

幸運を。

2 に答える 2