jQuery Rotate Plugin

Question

저는 jQuery Rotate plugin을 사용하여 항목을 회전 시켰습니다. 그것은 작동하지만 몇 가지 문제가 발생했습니다.

<input type="text" name="np_angle" id="np_angle" size="2" maxlength="4" value="<?=$userinfo->np_angle?>" onchange="$('#np_drag').rotate(this.value)" /> 

<div id="np_drag" style="color:<?=$userinfo->np_color?>; font-size:<?=$userinfo->np_size?>px;position:absolute;top:<?=$userinfo->np_y?>px;left:<?=$userinfo->np_x?>px" class="draggable np_drag"> 
<?=$userinfo->np_text?> 
</div> 

<script>$("#np_drag").rotate(<?=$userinfo->np_angle?>);</script> 

문제는 onchange를 입력에 :

는 그 코드가 있습니다. #np_drag를 변경하면 회전하지 않습니다. 값이 정적 때 (예 onchange="$('#np_drag').rotate(45)" 그것은 작동합니다. 어떻게 내 문제를 해결할 수있는 이유는 무엇입니까?

을?

Answer 1

$('#np_drag').rotate(this.value)의 설명에서 this은 012를 나타냅니다.과 나는 당신이 np_angle의 가치를 지명하고 싶다고 믿습니다. 이것을 시도해보십시오 :

<input type="text" name="np_angle" id="np_angle" size="2" maxlength="4" value="<?=$userinfo->np_angle?>" /> 

<script>$('#np_angle').bind('change', function(e){$('#np_drag').rotate($('#np_angle').val())});" </script> 

Answer 2

것은 추가적으로 id

... id="my-id" onchange="$('#np_drag').rotate($('#my-id).val())" ... 

과를 선택, 당신은 onchange을 결합 할 수 있습니다 HTML 소스에 쓰는 대신 dom-ready 함수를 통해 이벤트 처리