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

Question

我有一个jquery滑块，覆盖0到4的范围，并像往常一样在幻灯片事件中使用ui.value填充只读文本框。

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

有多个滑块，所有滑块的配置都相同，因此每个填充的文本框都与使用的滑块相关。我的问题是我抓住句柄的 ui.value 和 id，我需要的是父滑块。

我可以让句柄点击事件运行，但不抓取 ui.value，我已经尝试了 parent(( 值和这样的衍生物。

$( ".slider .ui-slider-handle").on('click', function(event, ui) {
$( "#"+this.id+"Score" ).val(ui.value )
})

我希望该值在手柄单击和幻灯片时填充文本框。

Answer 1

知道了！为其他人发帖。

我们通过使用 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"));
});

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