我正在使用jquery Range Slider，它的代碼如下。
$("#maxAge"/span>).slider({
range: true,
min: 18,
max: 75,
values: [20, 45] 。
slide: function(event, ui) {
$("#sliderVal").val(ui. values[0] "-" ui.values[1] ）。)
}
});
$("#sliderVal").val（$("#maxAge"）。 slider("values"/span>, 0) "-" $("#maxAge").slider(" values", 1) ）。)
< div id="maxAge"/span> min="35" max="75"/span> minVal="25"/span> maxVal="45"/span>> </div>>
< input type="text"/span> class="slider-text text-right gradient-text mt-2" id="sliderVal" readonly>
我想這樣使用它：
$("#maxAge"/span>).slider({
range: true,
min: $（this）.attr（'min'）。
max: $（this）.attr（'max'）。
values: [$(this) 。 attr('minVal'), $(this) 。 attr('maxVal')】。]
slide: function(event, ui) {
$("#sliderVal").val(ui. values[0] "-" ui.values[1] ）。)
}
});
我想從DIV中獲取屬性值并在這里使用，這樣我就可以在以后使用PHP來改變屬性值。
uj5u.com熱心網友回復：
你可以使用 your_div_id 獲取屬性值，然后使用 parseInt() 將字串決議為整數。
演示代碼 :
。$("#maxAge"/span>).slider({
range: true,
min: parseInt($("#maxAge"/span>). attr('min')), //像這樣得到它，然后把它粘貼為整數。
max: parseInt($("#maxAge").attr('max') ）。)
values: [parseInt($("#maxAge") 。 attr('minVal')), parseInt($("#maxAge")。 attr('maxVal'))】。]
slide: function(event, ui) {
$("#sliderVal").val(ui. values[0] "-" ui.values[1] ）。)
}
});< link rel="styleheet" href="/code. jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel=" stylesheet" href="/resources/demos/style. css">
<script src="https://code. jquery.com/jquery-1.12.4.js"></script>
<script src="https://code. jquery.com/ui/1.12.1/jquery-ui.js"></script>
< div id="maxAge"/span> min="18" max="75"/span> minVal="20"/span> maxVal="45"/span>> </div>>
< input type="text"/span> class="slider-text text-right gradient-text mt-2" id="sliderVal" readonly> uj5u.com熱心網友回復：
請看下面這個利用資料屬性的例子。
。$(function() {
$("#maxAge"/span>).slider({
range: true,
min: $("#maxAge").data('min') 。
max: $("#maxAge"/span>).data('max')。
values: [
$("#maxAge").data("min-value") 。
$("#maxAge").data('max-value')
],
slide: function(event, ui) {
$("#sliderVal").val(ui. values[0] "-" ui.values[1] ）。)
}
});
$("#sliderVal").val（$("#maxAge"）。 data("min-value") "-" $（"#maxAge"）。 data('max-value') )。
});< link rel="styleheet" href="/code. jquery.com/ui/1.12.1/themes/base/jquery-ui.css">/span>
<script src="https://code. jquery.com/jquery-1.12.4.js"></script>
<script src="https://code. jquery.com/ui/1.12.1/jquery-ui.js"></script>
< div id="maxAge"/span> data-min="18"/span> data- max="75"/span> data-min-value="20"/span> data-max-value="45"/span>> </div>>
< input type="text"/span> class="slider-text text-right gradient-text mt-2" id="sliderVal" readonly /> 資料屬性是一種常用的方法來存盤與一個元素相關的資料。你可以使用jQuery .data()輕松地呼叫它。
查看更多:
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/319947.html
標籤：
上一篇：Tabs結構在jquery2.1.3中作業，在3.6.0中顯示錯誤
下一篇：試圖獲得當前位置的工具提示