jQuery工具可以从本地javascript加载输入_Javascript_Range_Jquery Tools

jQuery工具可以从本地javascript加载输入

javascript

jQuery工具可以从本地javascript加载输入,javascript,range,jquery-tools,Javascript,Range,Jquery Tools,我在HTML5中搜索了很长时间的滑块。在搜索时，我无意中发现了jQuery工具，它看起来非常漂亮。所以我尝试一下。我下载了所需的CSS文件，并开始以下代码，工作正常 <!DOCTYPE html> <html> <head> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> <!-- rangeinput

我在HTML5中搜索了很长时间的滑块。在搜索时，我无意中发现了jQuery工具，它看起来非常漂亮。所以我尝试一下。我下载了所需的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>


$（“：range”）.rangeinput（）；

到目前为止一切都还好。现在我想从网站上下载最小版本的工具，只包括输入范围（大小：大约4KB，太好了！）。我使用了本地保存的JavaScript文件，不起作用。所以我创建了最大可用文件，无法工作。所以我下载了src链接中提到的文件，效果很好。我不明白为什么…有人知道我做错了什么吗？

如果您使用的是独立版本的rangeinput（约4kb），那么页面中应该包含一个jquery主库。

如果您使用的是独立版本的rangeinput（约4kb）您应该在页面的某个位置包含一个jquery主库。

jquery.rangeinput是jquery工具库之一

full/jquery.tools.min.js由以下UI库+jquery库（138.7KB）组成

dateinput/dateinput.js
overlay/overlay.js
overlay/overlay.apple.js
rangeinput/rangeinput.js
scrollable/scrollable.js
可滚动/可滚动.autoscroll.js
可滚动/scrollable.navigator.js
tabs/tabs.js
tabs/tabs.slideshow.js
toolbox/toolbox.expose.js
toolbox/toolbox.flashmbed.js
toolbox/toolbox.history.js
工具箱/toolbox.mouseweel.js
tooltip/tooltip.js
tooltip/tooltip.dynamic.js
tooltip/tooltip.slide.js
validator/validator.js

更好地加载表单/jquery.tools.min.js，它由dateinput、rangeinput和validator工具组成。（19.3KB）+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工具的更多信息，请访问

如果您想单独使用范围输入，最好尝试其他单独提供范围输入功能的插件。您可以使用以下两个插件中的任意一个，节省超过10KB的内存

slideControl.js-

jQuery简单滑块-

rangeinput是jQuery工具库之一