如何隐藏特定滑块的滑块手柄？

问题描述

我想知道是否有隐藏ID或类特定滑块手柄的方法？

 < label for =我的滑块-ID>试验< /标签> 
< input type =rangeclass =my-slider-classid =my-slider-idvalue =0min =0max =100/> 
  

例如，我知道此代码隐藏了所有滑块的句柄。

  $（'。ui-slider-handle'）。hide（）; 
  

这些代码绝对没有：

<$ 。p $ p> $（ 'UI-滑块handle.my滑块级'）隐藏（）;

$（'ui-slider-handle＃my-slider-id'）。hide（）;


解决方案

你只需要通过jQuery来完成，就像这个：

  $（'＃my-slider-id'）。next（）。find（'。ui-slider-处理'）隐藏（）; 
  

这是一个jsFiddle示例：

I'm wondering if there's a method to hide id or class specific slider handles?

<label for="my-slider-id">Test</label>
<input type="range" class="my-slider-class" id="my-slider-id" value="0" min="0" max="100"/>

For example, I'm aware that this code hides handles for all sliders.

$('.ui-slider-handle').hide();

And these codes do absolutely nothing:

$('ui-slider-handle.my-slider-class').hide();

$('ui-slider-handle#my-slider-id').hide();

解决方案

You will need to do it through jQuery only, like this:

$('#my-slider-id').next().find('.ui-slider-handle').hide();

Here's a jsFiddle example: http://jsfiddle.net/Gajotres/T2zde/

这篇关于如何隐藏特定滑块的滑块手柄？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！