1

200px幅が広くて50px高さがあり、「Hello, World!」というテキスト コンテンツを含む div があるとします。端から端まで、上から下まで div に収まります。jQuery UI Resizable を使用して、この div を展開できるようにしています。展開された div にテキストを追加したい。div が400px広くなるようにサイズ変更された場合、コンテンツは「Hello World!Hello World!」になります。これは、テキストが 2 回収まらないためです。

開始するためのサンプルコード:

<div class="resize-me" style="height: 50px; width: 200px;">
    Hello, World!
</div>

$(".resize-me").resizable({
    resize: function(event, ui){
        // Logic here to dynamically add/remove/show/hide text as the div
        // is resized
    }
});
4

1 に答える 1

0

css に を残して、overflow:hidden幅に応じてスケールするのはどうですか?

<div class="resize-me" style="height: 50px; width: 200px; overflow:hidden;">
    Hello, World!
</div>

$(".resize-me").resizable({
    resize: function(event, ui){
        $(this).text(ui.size.width*"Hello World!");
    }
});
于 2013-06-13T05:11:03.807 に答える