0

我正在尝试在本地 html 页面中使用jFontSize以显示在 WebView 中。该脚本应允许用户更改文本大小,并且确实如此。
但是,当我添加到文本中时,情况不再如此。我尝试使用另一个脚本,但同样的问题仍然存在。

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir = "ltr" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>

        <script type="text/javascript" language="javascript" src="jquery-1.5.js"></script>
        <script type="text/javascript" language="javascript" src="jquery.jfontsize-1.0.js"></script>
        <script type="text/javascript" language="javascript" src="jquery.corner-2.09.js"></script>
        <script type="text/javascript" language="javascript" src="shCore.js"></script>
        <script type="text/javascript" language="javascript" src="shBrushJScript.js"></script>
        <script type="text/javascript" language="javascript" src="shBrushXml.js"></script>
        <script type="text/javascript" language="javascript" src="shBrushCss.js"></script>
        <script type="text/javascript" language="javascript" src="funcoes.js"></script>
        <link type="text/css" rel="stylesheet" href="style.css" />
        <link type="text/css" rel="stylesheet" href="jfontsize.css" />
        <link type="text/css" rel="stylesheet" href="shCoreDefault.css" />
    </head>

    <body>
        <a class="jfontsize-button" id="jfontsize-m2" href="#">A-</a>
        <a class="jfontsize-button" id="jfontsize-d2" href="#">A</a>
        <a class="jfontsize-button" id="jfontsize-p2" href="#">A+</a>
        <p class="some-class-name2" dir="rtl" align = "right">Hello<br>world</p>
        <script type="text/javascript" language="javascript">
    $('.some-class-name2').jfontsize({
            btnMinusClasseId: '#jfontsize-m2',
            btnDefaultClasseId: '#jfontsize-d2',
            btnPlusClasseId: '#jfontsize-p2',
            btnMinusMaxHits: 1,
            btnPlusMaxHits: 7,
            sizeChange: 7
                                         });
        </script>

    </body>
</html>

该页面在 Firefox 上运行良好。

4

1 回答 1

0

您需要在文档加载中添加初始化代码 -

$(document).ready(function(){
    //jfontsize increase
     $('.some-class-name2').jfontsize({
            btnMinusClasseId: '#jfontsize-m2',
            btnDefaultClasseId: '#jfontsize-d2',
            btnPlusClasseId: '#jfontsize-p2',
            btnMinusMaxHits: 1,
            btnPlusMaxHits: 7,
            sizeChange: 7
         });
});

它应该可以正常工作。

于 2012-11-03T18:42:10.490 回答