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

0

这可能会帮助您：

$('*').filter(function() {
    return $(this).css('font-size',newFontSize);
});
于 2013-08-06T07:25:56.100 回答
0

我得到了调整文本大小的解决方案

$(document).on('click', '#pagesize #textSize', function(){
    var currentFontSize = $('html').css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*1.2;
    $('html').css('font-size', newFontSize);
    return false;
  });
于 2013-08-26T06:51:00.643 回答