jquery - 追加到 jQuery 滑块句柄

Question

有什么办法可以将 div 附加到滑块句柄，这样我就可以通过拖动该 div 来控制句柄？请看附图。

谢谢你。

Answer 1

是的，您可以将 a 连接<div>到手柄并使用它<div>来控制滑块。拖动事件在句柄的子级上和在句柄本身上一样好；所以，你可以给手柄一个适当的绝对定位的孩子，像这样：

// The actual selector would be a little more specific.
$('.ui-slider-handle').append('<span class="sidecar"></span>');

和一些CSS：

/* The dimensions, position, ... are just examples, absolute positioning is the key. */
.sidecar {
    position: absolute;
    top: 50px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #f00;
}

演示：http: //jsfiddle.net/ambiguous/9B4MC/