Как я могу изменить размер шрифта div, изменив размер div с помощью jQuery?

Question

Может кто-нибудь, пожалуйста, помогите мне, как изменить размер шрифта, изменив размер события div с помощью плагина jquery ui?

html:

<div>my testing data</div>

скрипт:

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

Я хочу увеличить размер шрифта, изменив размер div.

Answer 1

Согласно документации , вы можете сделать что-то вроде этого:

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

Считайте, что у вашего div есть id="dialog".

Надеюсь, это поможет.

Answer 2

Вместо того, чтобы снова получить высоту, обращаясь к «опции», вы можете использовать объект пользовательского интерфейса, он также даст вам начальный размер, конечный размер и местоположение.

* 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

Answer 3

@ Дармен прав. Но вы можете немного упростить код, используя некоторые перегрузки метода. Как конструктор:

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