警报的jquery滑块问题ui.value

当我移动所述第一滑动件和按压第二按钮它显示第一滑动件和反之亦然的值，但我想第二滑块仅警报的jquery滑块问题ui.value

HTML的值

<h1>HTML Slider Test</h1> 
<div class="slider"></div> 
<p>Your slider has a value of <span class="slider-value"></span></p> 
<input type="button" class="ab" value="send"> 
<div class="slider"></div> 
<p>Your slider has a value of <span class="slider-value"></span></p> 
<input type="button" class="ab" value="send">

jQuery的

$(".slider").slider(
{ 
     value:1, 
     min: 0, 
     max: 100, 
     step: 1, 
     slide: function(event, ui) { 
      a=ui.value; 
      $(ui.handle).closest(".slider").next("p").find(".slider-value").html(ui.value); 
     } 
} 
); 

$(".slider-value").html( $('.slider').slider('value')); 

$(".ab").click(function(){ 
alert(a); 
});

http://jsfiddle.net/5TTm4/1937/

来源

2014-09-05 user1673591

得到价值按钮第二滑块点击

HTML

<h1>HTML Slider Test</h1> 
<div> 
<div class="slider"></div> 

<p>Your slider has a value of <span class="slider-value"></span></p> 
<input type="button" class="ab" value="send" /> 
</div> 


<div> 
<div class="slider"></div> 
<p>Your slider has a value of <span class="slider-value"></span></p> 
<input type="button" class="ab" value="send" /> 
</div>

jQuery的

$(".ab").click(function(){ 
    a= $(this).closest('div').find('.slider').slider("option", "value"); 
    alert(a); 
});

Demo

来源

2014-09-05 07:24:13 Shin

但移动第二滑块和按下第一个按钮使第二滑块 – user1673591 2014-09-05 07:28:39

的@ user1673591值，请检查更新回答和演示 – Shin 2014-09-05 07:40:40

它在jsfiddle中工作，但是当我在我的程序中使用它时，它显示[object object] – user1673591 2014-09-05 07:49:07

-1

这是做你需要的东西的一种方式。请检查此小提琴以查看JS代码，所以我不用垃圾邮件这个地方与JS代码。

<h1>HTML Slider Test</h1> 

<div id="sliderone" class="slider"></div> 

<p>Your slider has a value of <span class="slider-value"></span></p> 
<input id="buttonone" type="button" class="ab" value="send"> 

<div id="slidertwo" class="slider"></div> 
<p>Your slider has a value of <span class="slider-value"></span></p> 
<input id="buttontwo" type="button" class="ab" value="send">

http://jsfiddle.net/25ccz9g3/

来源

2014-09-05 07:27:37

但这也不能按预期工作 – user1673591 2014-09-05 07:30:10

在此示例中，第一个按钮给出第一个滑块的值。第二个按钮给出第二个滑块的值。你需要什么？ – 2014-09-05 07:33:58

在移动滑块相应的值应提醒 – user1673591 2014-09-05 07:43:37

你必须有差异滑差速器手柄。我曾与差异Ids

使它检查我的小提琴

http://jsfiddle.net/khaleel/hxe0wg6w/1/

希望它可以帮助

来源

2014-09-05 07:33:06 Khaleel