Question

我在特定网站上使用jQuery mobile。

我想要一个类似于切换滑块元素的小部件，但这清楚地表明它只是一个指标，而不是一个控件。想象一下没有滑动按钮的切换滑块元素：状态的颜色指示和选项值文本的更改。

我知道我可以使用jQuery mobile之外的css轻松完成此操作，但我将我的全局js设置为渲染到已知类型的元素，例如：

function RenderWidgets(data,prefix) {
  $.each(data,function(key,value){
    $('.' + prefix + key).html(value)
    $('.' + prefix + key + 'toggle').val(booleanbinarytoonoff(value)).slider("refresh")
    $('.' + prefix + key + 'automantoggle').val(value).slider("refresh")
    $('.' + prefix + key + 'slider').val(value).slider("refresh")
    $('.' + prefix + key + 'select').val(value)
  })
}

我想为指标元素设置值添加一行并完成它，而不是必须添加和删除类。

所以我的问题是：最好的方法是通过jQuery移动库来挖掘，使用自定义名称复制滑块切换类，然后更改css以使其看起来像指示器而不是控件？

谢谢， ç

Answer 1

好的，这就是我的所作所为。我将每个切换包裹起来，我只想在类'justalamp'的范围内作为指标，然后在每个滑块刷新事件后应用以下内容：

$('.justalamp .ui-slider-label-a').css('text-indent','0')
$('.justalamp .ui-slider-label-b').css('text-indent','0')
$('.justalamp .ui-slider-inneroffset').html('')
$('.justalamp .ui-slider').unbind()

前两个删除文本缩进，第三个删除按钮，最后一个删除用户单击响应。漂亮而干净的部分是我们可以将值发送给事物，就好像它们是常规切换一样。我也没有必要复制面食整个混乱的jquery移动生成的HTML（icky）。超强！

C

jQuery mobile中的指示灯

1 个答案: