2013-01-24 2 views
2

결국 플레이어 버튼에 360도 회전 휠이있어 볼륨 버튼으로 사용됩니다.360 jQuery 휠을 300으로 제한

360도 (7 시부 터 5 시까 지)가 아닌 270도까지 기능을 제한해야하므로 최소 ~ 최대 효과를 낼 수 있습니다.

첨부 된 코드를 사용하여 어떻게하면됩니까?

The Player Page

  $('#metal .indicator-cw').bind('touchmove', function(event){ 
     updateMetal(); 
    }); 
    $("#metal .indicator-cw").mousemove(updateMetal); 

    function updateMetal(){ 
var number = $("#metal .result-cw").text(); 
var Degrees = parseInt(number); 
var vol = ((Degrees + 150) % 360) * (1/270);  
$musicPlayer.jPlayer("volume", vol); 

$("#rotateit").css({'transform':'rotate(' + (Degrees) + 'deg)', '-webkit-transform':'rotate(' + (Degrees) + 'deg)', '-o-transform':'rotate(' + (Degrees) + 'deg)', '-moz-transform':'rotate(' + (Degrees) + 'deg)', '-ms-transform':'rotate(' + (Degrees) + 'deg)' }); 
    if (Degrees > 120 || Degrees < 210) return; 
    } 
    //js code for the metal style wheel - above 
+0

할 수 있습니다 단지에 당신이 Degrees 값을 가지고 있는지 테스트하십시오. 범위 밖에 있다면, 당신은 ro가 아닌 나머지 함수를 건너 뛰고 싶습니다. 바퀴 달린 거니? – Offbeatmammal

+0

7 '에서 5'는 270도입니다. 내 대답은 7 '에서 5'를 반영합니다. 이 값을 실제 300 범위로 만들려면 135와 205로 변경할 수 있습니다. –

답변

2

if (Degrees > 150 && Degrees < 210) return; 

당신은 또한 볼륨을 계산하는 데 필요한 볼륨 휠을 업데이트 중지하려면이 추가 약간 다르게

//This shifts the degrees from 210-120 to be 0-270 and then scales it to 0-1 
var vol = ((Degrees + 150) % 360) * (1/300); 
+0

볼륨은 실제로 270으로 작동하지만 휠이 계속 회전합니다. 위의 코드를 업데이트했습니다. – TonalDev

+0

'var vol' 줄 앞에 if 문을 넣으십시오. –

+0

여전히 회전합니다. (function updateMetal() { if (Degrees> 120 || Degrees (210) return; \t var number = $ ("# metal .result-cw") text(); – TonalDev