0

リストビューを動的に作成しました。リストビューには多数のアイテムがあります。各アイテムには独自のファイルがあります。特定のファイルデータが動的に作成されたページに表示されている特定のアイテムをクリックすると。

ファイルデータを表示するための動的ページ:

$($.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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <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;
});

前もって感謝します。

4

2 に答える 2