2

HTML5 のスライダーを長い間探しました。検索しているときに、非常に見栄えの良い jQuery Tools に出くわしました。だから私はそれを試してみます。必要な CSS ファイルをダウンロードし、次のコードを開始すると、正常に動作します。

<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
    <!-- rangeinput styling -->
  <link rel="stylesheet" type="text/css" href="skin1.css"/>
</head>

<body>
  <input type="range" name="test" min="100" max="300" value="150" />
  <script>
    $(":range").rangeinput();
  </script>
</body>
</html>

これまでのところすべて問題ありません。ここで、Web サイトからツールの最小バージョンをダウンロードしたいと思います。範囲入力のみが含まれます (サイズ: 約 4 kb、すばらしい!)。ローカルに保存された JavaScript ファイルを使用しましたが、機能しません。そのため、利用可能な最大ファイルを作成しましたが、機能しません。それで、srcのリンクに記載されているファイルをダウンロードしましたが、正常に動作します。理由がわかりません…誰か、私が間違っていることをよく知っていますか?

4

3 に答える 3

2

jQuery.rangeinput は、jQuery ツールのライブラリの 1 つです。

full/jquery.tools.min.js は、以下の UI ライブラリ + jQuery ライブラリで構成されます (138.7 kB)

  • 日付入力/日付入力.js
  • オーバーレイ/overlay.js
  • オーバーレイ/overlay.apple.js
  • 範囲入力/範囲入力.js
  • scrollable/scrollable.js
  • scrollable/scrollable.autoscroll.js
  • scrollable/scrollable.navigator.js
  • タブ/tabs.js
  • tabs/tabs.slideshow.js
  • toolbox/toolbox.expose.js
  • toolbox/toolbox.flashembed.js
  • toolbox/toolbox.history.js
  • toolbox/toolbox.mousewheel.js
  • tooltip/tooltip.js
  • tooltip/tooltip.dynamic.js
  • tooltip/tooltip.slide.js
  • バリデーター/validator.js

dateinput、rangeinput、validator ツールで構成される form/jquery.tools.min.js の読み込みを改善しました。(19.3 kB) + jQuery ライブラリ。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="http://cdn.jquerytools.org/1.2.7/form/jquery.tools.min.js"></script>

jQuery ツールの詳細については、http://jquerytools.org/download/を参照してください。

Range Input を単独で使用したい場合は、Range Input 機能を単独で提供する他のプラグインを試してみてください。以下の 2 つのプラグインのいずれかを使用して、10KB 以上を保存できます。

  1. slideControl.js - http://nikorablin.com/slideControl/
  2. jQuery シンプル スライダー - http://loopj.com/jquery-simple-slider/
于 2013-06-26T08:50:46.933 に答える
1

rangeinput のスタンドアロン バージョン (約 4kb) を使用している場合は、ページのどこかに jquery メイン ライブラリを含める必要があります。

于 2013-06-25T10:06:41.060 に答える
1

すべての JQueryTools プラグインはJQuery ライブラリを使用し、必要とするためです。

これは、次の 2 つの選択肢があることを意味します。

  • たとえば、CDNリンクを使用する前に、JQueryToolsのカスタムバージョンをダウンロードし、JQuery libを含めます
  • 次のような JQuery lib を含む JQueryTools のカスタム バージョンをダウンロードします。

ここに画像の説明を入力

于 2013-06-30T20:55:56.100 に答える