我有以下小提琴：http: //jsfiddle.net/rojq0yun/
這很好用，#min div 的位置將在移動滑塊時正確更新。
雖然我嘗試在使用默認值初始化滑塊時獲得正確的位置。目前手柄位置正確，但#min div 沒有。我嘗試查看 ui.handle 屬性，但它似乎系結到幻燈片事件：
$('#min').html(periods[ui.value])
.position({
my: 'center top',
at: 'center bottom',
of: ui.handle,
collision: 'fit none'
});
這可以查詢手柄的位置嗎？
$(this).find('.ui-slider-handle:first');編輯：我使用然后使用它作為of屬性查詢句柄物件position。運行它并檢查 div 的“左”屬性時，我得到 199.4px。將手柄前后移動到原始位置并再次檢查時，左側屬性為 210px。差異總是10.6px。
這種差異從何而來？
在這里更新小提琴：http: //jsfiddle.net/f4u1mphr/
uj5u.com熱心網友回復：
考慮以下。
https://jsfiddle.net/Twisty/2djtpakb/11/
JavaScript
$(function() {
var periods = ["2022-01", "2022-02", "2022-03", "2022-04", "2022-05", "2022-06", "2022-07"];
var defaultValue = 3;
function setMin(cnt, pos) {
$('#min')
.html(cnt)
.position(pos);
}
$("#slider").slider({
range: "max",
min: 0,
max: periods.length - 1,
step: 1,
value: defaultValue,
slide: function(event, ui) {
// wait for the ui.handle to set its position
setTimeout(function() {
setMin(periods[ui.value], {
my: 'center top',
at: 'center bottom',
of: ui.handle,
collision: 'fit none'
});
}, 1);
}
});
setMin(periods[defaultValue], {
my: 'center top',
at: 'center bottom',
of: $("#slider .ui-slider-handle")
});
});
只是清理了一下，并將值的處理移到一個函式中以便于分配。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/456415.html
上一篇：接收UDP資料包
下一篇：將樹結構展平為陣列