Question

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

单击滑块时，tic将跳转到该栏的该部分。这很棒但是当你试图点击它时，它很薄很容易错过。我不想改变外观，但我想知道是否有办法让点击半径有点填充，所以如果你点击条形图上方或下方的几个像素，它仍然算作点击条形图。

Answer 1

这是一个非常糟糕的解决方案，但我相信这会奏效。您需要做的是在每个滑块中注入一个额外的透明元素，该滑块的大小比其父级大height。代码看起来像这样：

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

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