javascript - 如何获取启动事件的 UI 控件的名称？

Question

我有以下实现 2 jQuery sliders 的代码:

<script type="text/javascript">
    $(document).ready(function () {
        $("#wheelLeft").slider({ value: 50, min: -100, max: 100, slide: handleSlide });
        $("#wheelRight").slider({ value: -10, min: -100, max: 100, slide: handleSlide });
    });

    function handleSlide(event, ui) {
        $("#lblInfo").text(ui.id + ':' + ui.value);
    }
</script>

如您所见，两个 slider 都会生成一个由 handleSlide 函数处理的滑动事件。在 handleSlide 函数中，我可以通过调用 ui.value 获取 slider 的值，但我如何知道哪个 slider 实际生成了事件？

我试过 ui.id、ui.name 和其他一些看起来合乎逻辑的东西，但它们都返回未定义。如何获取其 CSS 实现的实际名称(例如 #wheelRight 或 #wheelLeft)？

谢谢。

Answer 1

尝试包装 ui.handle

function handleSlide(event, ui) {
  $("#lblInfo").text( $(ui.handle).attr("id") + ':' + ui.value);
}

编辑:糟糕，返回“a”元素。这应该返回父元素 id:

$(ui.handle).parent().attr('id')