5

http://lab.smashup.it/flip/のjQueryプラグインの1つを使用したかった

jQuery-UIをインストールする必要があることに気づきました。そこで、 http：//jqueryui.com/download/からjQuery-UIバージョン1.9.2をダウンロードしました。


圧縮ファイルを開くと、中に3つのフォルダがあります。jQuery-UIを自分のhtmlページにリンクする方法がわかりません。jQueryをhtmlページに接続したときのことを覚えています。

<script src="jquery-1.8.3.js">
      </script>

私のhtmlページ内。jQuery-UIの場合、jQuery-UIには3つのフォルダーが含まれているため、どちらをhtmlページに配置するかわかりません。誰かが私を助けてくれることを願っています。
よろしくお願いします

4

2 に答える 2

7

Google CDN..ページ上で直接ホストされているファイルを使用してみませんか。

最初に来るのはjQuery

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

次に、それに依存するプラグイン..この場合はjQuery UI

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

アップデート

あなたが見る3つのフォルダーで..

ここに画像の説明を入力してください

JSファイルに移動すると、3つのファイルが見つかります。

このフォルダの.jsまたは参照を使用できます。js.min

CSSはCSSフォルダーから使用できます。

于 2013-01-14T03:21:23.940 に答える
3

機能させるために必要な主なものは次のとおりです

1. jquery-ui のバージョンが必要とする jquery のバージョンの JavaScript ファイル。

jquery-ui-1.10.3 の場合、これはダウンロードのルート ディレクトリにあります。jquery-1.9.1.js.

2. 含める予定の jquery ライブラリの JavaScript ファイル。

そこにたくさんのjavascriptファイルを含む「ui」フォルダーもあるはずです。それらのほとんどを開いた場合、それらを実行するために他のjsファイルが必要な制約のリストがあります。これは、すべての jquery ui 機能が不要であると判断した場合です。ただし、他のすべてのファイルの機能を含む 1 つの JavaScript ファイルがあります。私にとって、このファイルの名前は jquery-ui.custom.js です。

ブラウザ上で高速に実行し、読み取る必要がない場合は、このディレクトリに「min」または「minified」フォルダも含める必要があります。「縮小された」フォルダーには、同じ js ファイルがすべて含まれていますが、縮小された形式になっています。縮小されたフォームは、ブラウザが解読できる最小のセグメントに短縮され、ブラウザの読み込み時間を節約します。

3. 使用することを選択した jqueryui ライブラリに使用する css のリファレンスが必要です。

Jquery では、作成済みのテーマを含む jquery ui をダウンロードできます。これを行う場合、css は css/[themename] フォルダーに配置するのが理想的です。

jquery-ui1.10.3 をダウンロードする際、これは css/smoothness/jquery-ui.1.10.3.custom.css にありました

JavaScript の場合と同様に、選択できる縮小版もあります。css ディレクトリには、画像のディレクトリもあります。インストールするときは、css 内の画像参照がこの画像フォルダーを指していることを確認してください。それらを同じディレクトリにドロップすれば、問題ありません。

最終的に、html ページの head には次のようなものが必要です。

<script type="text/javascript" src="/js/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery-ui-1.7.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/smoothness/jquery-ui-1.7.css" media="all" />

よく見ると：

1. 1 つ目は、私の jquery コード リファレンスです。

2. 2 つ目は、私の jquery-ui コード リファレンスです。ここのファイルには、すべての jquery 機能が含まれています。

3. 3 つ目は、使用することにしたテーマへの CSS 参照です。

独自のテーマを作成できるため、jquery-ui が提供する css テーマを使用する必要はありません。その場合、独自の css ファイルへの参照を提供します。ほとんどの場所で、これが行われているのを見たことがありません。

最後に、テーマを使用して jquery ui をダウンロードすると、css スコープを選択できることに注意してください。空白のままにすると、css は一致したすべての要素に適用されます。css スコープを指定すると、その特定のスコープ内の要素にのみ適用されます。

オフィスで jquery を更新するのが私の仕事なので、誰かがこれと違うことに気づいたら教えてください。

于 2013-05-23T22:45:56.843 に答える