2014-06-18 2 views
0

jQuery 슬라이더에서 값을 캡처하여 다른 함수로 전달하려고합니다. 이 예제를 몇 가지 보았지만 여러 매개 변수가있는 함수에 전달하려고합니다. 여기 내 슬라이더 코드 :함수에 jquery 슬라이더 값 전달

$("#slider_font_size").slider({ 

      min: 1, 
      max: 3, 
      step: 1, 
      slide: function (event, ui) { 
       TredWareApp.FONT_SIZE = ui.value; 
       drawTextOnTire(); 
      }, 
      value: TredWareApp.FONT_SIZE, 

      orientation: 'horizontal' 
     }); 

그리고 이것은 내가로를 통과 할 수있는 기능입니다 :

function drawTextAlongArc(context, str, centerX, centerY, radius, angle, height) { 

    var len = str.length, s; 
    context.save(); 

    context.translate(centerX, centerY); 
    context.rotate(-1 * angle/2); 
    context.rotate(-1 * (angle/len)/2); 

    for (var n = 0; n < len; n++) { 

     context.rotate(angle/len); 
     context.save(); 
     context.translate(0, -1 * radius); 

     s = str[n]; 
     //context.fillText(s, 0, 0); 
     var imageText = document.getElementById(s + "1"); 
     context.drawImage(imageText,0,0, 30, height*15); 

     context.restore(); 

    } 

    context.restore(); 

} 

내가 그것을 높이 값입니다 전달하려는.

drawTextAlongArc(ctx, $("#tiretext").val(), centerX, centerY, radius, angle, $("#slider_font_size").val()); 

답변

0

당신은 다음과 같은 슬라이더의 값을 얻을 수 있습니다 :

$("#slider_font_size").slider("value"); 

JSFiddle 데모 :

+0

가 나는 sliderValue 사용할 수있게되는 데 문제가 http://jsfiddle.net/cZPcX/를 호출 할 여기이 위의 함수를 호출 슬라이더 기능 바깥 쪽. – jsmith588

+0

내가 너를 이해하는지 모르겠다. 너 같은 일을 너의 전화하려고 했니? drawTextAlongArc (ctx, $ ("# tiretext") .Val(), centerX, centerY, 반지름, 각도, $ ("# slider_font_size"). 슬라이더 ("value")); – hlozancic

+0

미안하지만, 그렇게 명확하게하지는 못했지만, 당신이 제안한 방식이라고 부름 받았지만 슬라이더 값 뒤에 하나 있습니다. 그래서 제가 두 번째 가치에있을 때 그것은 여전히 ​​첫 번째 가치에 있습니다. 말이 돼? – jsmith588