文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery UI滑块与相反的值？

问Jquery UI滑块与相反的值？
EN

Stack Overflow用户

提问于 2013-07-08 20:43:30

回答 2查看 471关注 0票数 0

首先，我是jquery初学者，所以请不要因为我缺乏知识而生气。

我正在尝试构建一个jquery滑块，让它的开关恰好是宽度的一半，并以特定的方式使用滑块的值进行两个输入：

如果将滑块的开关移动到左侧，则#first输入中的值会减少，而#second中的值会增加。右边的情况正好相反..因此，如果我将滑块向右移动，#second框的值(例如)为30，#first的值为70。

我希望你能理解我的需求。

到目前为止，我已经设法在滑块的中间切换，#first输入从滑块中获取值

我不知道该如何继续前进

您可以在此处查看和编辑情况：http://jsfiddle.net/M8AWg/

html：

<div class="container">
    <input type="text" id="first"/>
    <input type="text" id="second"/>
    <div id="slider"></div>
</div>

js：

$('#first, #second').val('50');

$(function() {
    $( "#slider" ).slider(
    { value: 50,
        slide: function( event, ui ) {
            $( "#first" ).val( ui.value );
            $(ui.value).val($('#first').val());
            }     
        }
    );
  });

jquery

slider

increment

decrement

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-07-08 20:46:18

总数总是100吗？如果是这样，您只需添加下面这一行：

$( "#second" ).val( 100 - ui.value );

请看这里：

http://jsfiddle.net/M8AWg/1/

票数 2

Stack Overflow用户

发布于 2013-07-08 20:46:49

使用滑块中的值和负100来获得余数。此外，$(ui.value)将寻找不存在的$(30)

$(function() {
    $( "#slider" ).slider(
    { value: 50,
        slide: function( event, ui ) {
            $( "#first" ).val( ui.value );
            $('#second').val(100-ui.value);
            }     
        }
    );
  });

fiddle

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17526954

复制

相似问题

问Jquery UI滑块与相反的值？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery UI滑块与相反的值？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery UI滑块与相反的值？
EN