警報的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