当前位置：文江博客话题详情

追加
到 jQuery 滑块句柄

发布于 2024-12-27 15:09:33 字数 136 浏览 2 评论 0原文

有什么方法可以将 div 附加到滑块手柄，以便我可以通过拖动该 div 来控制手柄？请参阅附图。

在此处输入图像描述

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夢归不見 2025-01-03 15:09:33

是的，您可以将

连接到手柄并使用该

来控制滑块。拖动事件在手柄的子级上和在手柄本身上一样有效；因此，您可以为句柄提供一个适当的绝对定位子项，如下所示：

// 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/ambiguously/9B4MC/

Yes, you can attach a <div> to the handle and use that <div> to control the slider. The drag events work just as well on the handle's children as on the handle itself; so, you can just give the handle an appropriately absolutely positioned child, something like this:

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

and some 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;
}

Demo: http://jsfiddle.net/ambiguous/9B4MC/

回复收藏 0 原文

~没有更多了~