Question

我有兴趣在我的HTML表单上使用jQuery滑块输入。

在某些examples中，我将其视为输入，如下所示：

<input type="range" name="slider" id="slider-0" value="25" min="0" max="100"  />

但是在其他examples中，我看到它是这样调用的：

<head>
<script>
$(function() {
$( "#slider" ).slider();
});
</script>
</head>
<body>
<div id="slider"></div>
</body>

这两个片段之间的功能区别是什么？是否授予比另一个更大的自定义（例如，我可以使用第一个代码自定义滑块的背景）？
如果我想在表单中使用第二个，我是否需要一个``hidden field＆＃34;？

Answer 1

<input type="range"/>是HTML5输入类型，因此只有现代浏览器才支持（有关支持的浏览器列表，请参阅this link）。在旧版浏览器中，范围输入将显示为文本输入。有关范围类型的更多信息，请参阅MDN文档here

如果您需要支持旧浏览器（如IE 9或更低版本，您可能会这样），则需要使用jQuery UI的滑块或其他库。这些库使用javascript创建滑块，但它与原生HTML range滑块不同。

您可以找到jQuery UI滑块here的文档。

Answer 2

你不需要javascript代码。存在不同的实现方式。

在第一个<input type="range"....................>上你只需要jquery livrarias然后这个工作。

jquery库（最旧版本）：

http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css
http://code.jquery.com/jquery-1.9.0.min.js
http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js

您也可以自定义滑块。 jquery.mobile-1.3.1.min.css有一个样式，如果你想改变，基本上在样式表上选择：

input[type=range]{background-color:black}

依旧......

希望你能理解这一点。在我看来，使用jquery库

实现输入类型

jQuery表单滑块，脚本滑块之间的区别？

2 个答案: