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 のテキストのサイズを変更するにはどうすればよいですか? ありがとうございました!