javascript - jquery slider ，扩大点击区域？

Question

我有一些 jquery ui slider 你可以看到 here

当您单击 slider 时，抽动点会跳到 slider 的那部分。这很棒，但是当您尝试单击它时，该栏非常薄并且很容易错过。我不想更改外观，但我想知道是否有一种方法可以使点击半径稍微填充一些，因此如果您点击栏上方或下方的几个像素，它仍然算作点击栏。

Answer 1

这是一个非常老套的解决方案，但我相信它会奏效。您需要做的是向每个 height 大于其父项的 slider 注入(inject)一个额外的透明元素。代码看起来像这样:

$('<div></div>').appendTo('.ui-slider').css({
    'height': '20px',
    'position': 'absolute',
    'top': '-8px',
    'width': '100%'
});

当然，如果您给他们一个类并改为在样式表中应用 CSS 会更好。除此之外，我建议添加 cursor: pointer 以明确哪些区域是可点击的。