2012-12-08 5 views
0

며칠 전에 비슷한 질문을 게시하고 조금 더 연구하고 코딩을했는데 이제 벽에 있습니다. 나는 완전한 초보자이며 더 많은 도움을 필요로합니다.슬라이더 값을 다른 함수에 전달

현재 하나의 슬라이더와 두 개의 차트가 동일한 페이지에 렌더링되었습니다. 나는 두 개의 차트 함수에 슬라이더의 값을 전달하여 슬라이더를 이동하고 차트를 새로 고칩니다. 슬라이더는 jQuery UI 함수를 사용하여 생성됩니다. 차트는 하이 차트 기능에 의해 생성됩니다.

라는 jQuery를 슬라이더 API의 "방법"이 "값()"다음과 같이 슬라이더의 값을 검색 할 것 :

var selection = $(".selector").slider("value"); 

은 현재 차트의 값은 하드 코드입니다 차트의 기능 코드에서 숫자로. 슬라이더의 값에 따라 차트의 값을 동적으로 업데이트하고 싶습니다.

아이디어가 있으십니까?

감사합니다,

크리스

+0

코드를 게시하면 도움이 될 수 있습니까? –

답변

0

당신은 당신의 슬라이더에 변화가 JQuery와 UI 문서

$(function() { 

    $("#slider").slider({ 
    change: function (event,ui){ 
     // your code here 
    } 
}); 
}); 

이 모든 시간을 일해야의 변경 기능을 사용할 수


코드가 다음과 같이 표시됩니다.

change: function(event,ui) 
     { 
     $("selector").val(ui.value); 
     } 
+0

변경 이벤트 내에서 차트 기능을 중첩합니까? 그런 다음 차트 함수 내에서 슬라이더의 현재 값을 흡수하려면 어떻게 코딩합니까? – chrison600

+0

변경 기능 내에서 차트 생성 함수를 호출하여 슬라이더의 값을 전달할 수 있습니다. – user1801279

+0

변경 기능 후에 차트 코드를 {} 문자 안에 포함하면 모든 것이 손상됩니다. 슬라이더 나 차트는 작동하지 않습니다. 변경/슬라이더 기능 밖에서 차트 코드를 다시 이동하면 모든 것이 복원됩니다. – chrison600