jQuery形式滑块，脚本滑块之间的区别？

我有兴趣在我的HTML表单上使用jQuery滑块进行输入。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>

什么是功能这两个片段之间的区别？是否有人给予比其他更高的定制（例如，我可以使用第一个代码自定义滑块的背景）？
如果我想在窗体第二个，我需要一个``隐藏字段“？

来源

2013-05-28 jaynp

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

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

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

来源

2013-05-28 14:58:01 cfs

您是否看到我用''提供的链接？它在jQuery文档中，我不确定它为什么是HTML5？ – jaynp

@ user1850672在后面的例子中，他们解释了如何通过调用'$（'input'）。slider（）;'来初始化'slider'插件。没有办法通过标记来初始化jQuery UI小部件，它总是以javascript完成。他们在示例中使用了'type =“range”'，可能是因为大多数人会使用jQuery UI进行填充，为不支持它的浏览器添加HTML5功能。 – cfs

@ user1850672“框架将找到所有具有type =”range“的输入元素，并自动将它们增强为一个带有随附输入的滑块”该插件仅支持'type =“range”'并使用该元素的标准属性构建插件。但这并不意味着在页面上输入'range'会自动成为jQuery小部件，您仍然必须显式调用插件。 – cfs

你不需要的JavaScript代码。存在是为了实现这个diferent方式。

上第一<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库

来源

2013-05-28 14:40:25 user2232273

jQuery形式滑块，脚本滑块之间的区别？

回答

相关问题