我在 HTML5 中搜索了很长时间的 slider 。当我搜索时,我偶然发现了 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>
到目前为止一切都还好。现在我想从网站下载最小版本的工具,仅包含范围输入(大小:大约 4 kb,太棒了!)。我使用了本地保存的JavaScript文件,不起作用。所以我创建了最大可用文件,不起作用。所以我下载了src链接中提到的文件,工作正常。我不明白为什么......有人知道我做错了什么吗?
最佳答案
jQuery.rangeinput 是 jQuery 工具库之一。
full/jquery.tools.min.js 包含以下 UI 库 + jQuery 库 (138.7 kB)
- 日期输入/dateinput.js
- overlay/overlay.js
- overlay/overlay.apple.js
- rangeinput/rangeinput.js
- 可滚动/scrollable.js
- 可滚动/scrollable.autoscroll.js
- 可滚动/scrollable.navigator.js
- tabs/tabs.js
- tabs/tabs.slideshow.js
- 工具箱/toolbox.expose.js
- 工具箱/toolbox.flashembed.js
- 工具箱/toolbox.history.js
- 工具箱/toolbox.mousewheel.js
- 工具提示/tooltip.js
- 工具提示/tooltip.dynamic.js
- 工具提示/tooltip.slide.js
- 验证器/validator.js
更好地加载 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/
如果您想单独使用范围输入,最好尝试任何其他单独提供范围输入功能的插件。您可以使用以下两个插件中的任何一个,并节省超过10KB。
- slideControl.js - http://nikorablin.com/slideControl/
- jQuery 简单 slider - http://loopj.com/jquery-simple-slider/
关于javascript - jQuery 工具范围从本地 javascript 输入加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17207718/