jquery滑塊，擴大點擊區域？

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中加入以明確哪些區域是可點擊的。