リストビューを動的に作成しました。リストビューには多数のアイテムがあります。各アイテムには独自のファイルがあります。特定のファイルデータが動的に作成されたページに表示されている特定のアイテムをクリックすると。
ファイルデータを表示するための動的ページ:
$($.mobile.pageContainer).append('
<div data-role="page" id="' + seq + '" class="items">
<div data-role="content" id="desc"></div>
<div data-role="footer" data-position="fixed" class="my-footer">
<div data-role="popup" id="textMenu" style="margin-bottom:10px;">
<ul id="pageSize" data-role="listview" data-inset="true" data-theme="a">
<li data-icon="false"><a href="" id="textSize">Text size</a></li>
</ul>
</div>
<div class="ui-block-a ui-bar-a" data-theme="a">
<div align="left" style="padding-left:5px;padding-top:3px;height:33px;height:40px;">
<a href="#textMenu" class="ui-btn-left" data-icon="bars" data-role="button" data-iconpos="notext" data-rel="popup" data-transition="pop"></a>
</div>
</div>
<a href="" data-role="button" class="addToFavoritesDiv">Bookmark</a>
<a href="" data-role="button" class="shareDiv">Share</a>
<div class="ui-block-c ui-bar-a">
<div align="right" style="padding-top:3px;height:33px;height:40px;">
<a href="#" class="ui-btn-right" data-role="button" data-icon="back" data-rel="back" data-iconpos="notext"></a>
</div>
</div>
</div>
</div>');
$('[data-role=page]#' + seq + ' [data-role=content]').load(file);
このページには、#textSize
データのテキスト サイズを大きくするためのボタン ( ) があります。ファイル内のデータのフォント サイズを大きくする方法がわかりません。
$("#desc #textSize").click(function() {
var currentFontSize = $('html').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$('html').css('font-size', newFontSize);
return false;
});
前もって感謝します。