0

FitText https://github.com/davatron5000/FitText.jsを使用して、特定の DIV にあるテキストのテキストのサイズを変更しています。実際には、これらの DIV は、必要な場合にのみページに追加されるオブジェクトに作成されます。しかし、この方法では、ページの読み込み時に FitText は DIV を取得しません。実際には、DIV がまだ存在しないため、テキストのサイズが変更されないためです。

FitText を呼び出す方法は次のとおりです。

<script type="text/javascript">
    jQuery(document).ready(function($) {
        jQuery(".cvd_right_master_item").fitText(2.8);
    });
</script>

DIV をオブジェクトに作成する関数は次のとおりです。

function makeCvdBubble(params)
    {  
    var cvdIndexId = params.cvdIndexId;
    var cvdTweetAuthor = params.cvdTweetAuthor;
    var cvdAuthorName = params.cvdAuthorName;
    var cvdTweetDescription = params.cvdTweetDescription;

    objectreference = document.createElement('div');
    objectreference.setAttribute('id', 'indexId-'+cvdIndexId.toString());


    $(objectreference).html('\
    <div class="cvd_right_master_item">\
                    <div class="cvd_right_tweet_margin_float">\
                        <img class="cvd_right_blue_bird" src="cross_video_day/images/cvd_blue_bird.png" /><span class="cvd_right_tweet_username">@UserName</span>\
                        <span class="cvd_right_tweet_author">User Name</span>\
                        <span class="cvd_right_tweet_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut posuere justo, eget consequat tortor. In sollicitudin condimentum arcu sed.</span>\
                    </div>\
                    <div class="clear_both"></div>\
                    <span class="cvd_right_white_arrow"></span>\
                </div>\
');

    if (cvdTweetAuthor) $(objectreference).find('.cvd_right_tweet_username').html(cvdTweetAuthor);
    if (cvdAuthorName) $(objectreference).find('.cvd_right_tweet_author').html(cvdTweetAuthor);
    if (cvdTweetDescription) $(objectreference).find('.cvd_right_tweet_text').html(cvdTweetDescription);

    return (objectreference) //objectreference is the reference of the just created tweet
    }

オブジェクトの作成時に FitText のテキストのサイズを変更するにはどうすればよいですか? ありがとうございました!

4

1 に答える 1