jQuery滑块在句柄单击事件上获取ui.value

时间:2019-09-02 15:22:07

标签: jquery slider

我有一个jquery滑块,覆盖了0到4的范围,并且像往常一样,在slide事件上用ui.value填充了一个只读文本框。

但是有时候用户想要选择0,这意味着他们根本不会滑动,只需单击手柄即可。我希望在文本框中填充滑块手柄单击上的滑块ui.value。

有多个滑块都配置为相同,因此每个填充的文本框都与所使用的滑块有关。我的问题是,即时通讯抓取了手柄的ui.value和id,我需要的是父滑块。

我可以操作handle click事件,但不能获取ui.value,我已经尝试过parent()值和此类派生类。

df2 <- read.table(text = "
          -9 -9 -9  1 1 1 
           0 -9  0  4 3 2
          -9 -9 -9  1 2 3
           0  0  8  6 6 0
           0  0  0 -2 0 0
           0  0  1  2 4 0",
           header = FALSE)

我希望该值填充手柄单击以及幻灯片上的文本框。

1 个答案:

答案 0 :(得分:0)

知道了!为他人发布。

我们使用event.target.parentElement.id获取手柄滑块ID,然后使用它来获取值:

$( ".slider .ui-slider-handle").on('click', function(event) {
var sliderID=event.target.parentElement.id;
$( "#"+sliderID+"Score" ).val($("#"+sliderID).slider("option", "value"));
});

现在,这将填充滑块手柄单击上的文本框。

相关问题