jQuery Tools範圍從本地輸入加載javascript

我在HTML5中搜索了很長時間的滑塊。當我搜索時，我偶然發現了jQuery Tools，它看起來非常漂亮。所以我試試看。我下載所需的CSS文件並啓動以下代碼，工作正常。jQuery Tools範圍從本地輸入加載javascript

<!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>

目前爲止一切正常。現在我想從網站上下載最小版本的工具，只包含範圍輸入（大小：大約4kb左右，太棒了！）。我使用本地保存的JavaScript文件，不起作用。所以我創建了最大可用文件，不起作用。所以我下載了src鏈接中提到的文件，工作正常。我不明白爲什麼...有人知道我做錯了什麼？

來源

2013-06-20 sandkasten

jQuery.rangeinput是jQuery Tools庫中的一個。

全/ jquery.tools.min.js由以下UI庫+ jQuery庫（138.7 KB）

dateinput/dateinput.js
疊加/ overlay.js中
疊加/重疊。 apple.js
rangeinput/rangeinput.js
滾動/ scrollable.js
滾動/ scrollable.autoscroll.js
滾動/ scrollable.navigator.js
選項卡/ tabs.js
選項卡/ 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

更好的負載形式/ jquery.tools.min.js它由dateinput，rangeinput和驗證工具。（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。