Question

我已经动态创建了listview。在listview中有多少项。每个项目都有自己的文件。当我点击特定文件数据在动态创建的页面中显示的特定项目时。

用于显示文件数据的动态页面：

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

先谢谢。

Answer 1

这可能会对您有所帮助：

$('*').filter(function() {
    return $(this).css('font-size',newFontSize);
});

Answer 2

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

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

如何动态地使用jquery增加文件中数据的字体大小？

2 个答案: