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形式滑塊，腳本滑塊之間的區別？

回答

相關問題