jQuery를 사용하여 div의 크기를 조정하여 div의 글꼴 크기를 조정할 수 있습니까?

Question

누구든지 jquery UI 플러그인을 사용하여 div의 크기 조정 이벤트로 글꼴 크기를 조정하는 방법을 알려주십시오.

HTML :

<div>my testing data</div> 

스크립트

내가 DIV 크기를 조정하여 글꼴 크기를 늘릴 수

$('div').resize(); //this function is called from resize plugin of ui jquery 

.

Answer 1

@Darmen이 맞습니다. 그러나 메소드 과부하 중 일부를 사용하여 코드를 약간 단순화 할 수 있습니다. 생성자처럼 :

$('#dialog').resizable({ 
    resize: function(event, ui) { 
     ui.element.css({'font-size':'20px'}); 
    } 
}); 

Answer 2

는 documentation에 따르면,이 같은 일을 할 수 있습니다

$("#dialog").bind('resize', function(event, ui){ 
    var height = $(this).dialog('option', 'height'); 
    $(this).css('font-size', height); 
}); 

은 div가 id="dialog" 가지고 생각해 보자.

희망이 도움이됩니다.

Answer 3

대신 당신은 UI 객체를 사용할 수있는 '옵션'을 액세스하는 다시 높이를 받고, 그것은 당신이 너무 크기, 최종 크기와 위치를 시작 줄 것이다.

* ui.helper - a jQuery object containing the helper element 
* ui.originalPosition - {top, left} before resizing started 
* ui.originalSize - {width, height} before resizing started 
* ui.position - {top, left} current position 
* ui.size - {width, height} current size