0

WebView に表示されるローカル html ページでjFontSizeを使用しようとしています。スクリプトは、ユーザーがテキスト サイズを変更できるようにする必要があります。ただし
、テキストに追加すると、これは当てはまりません。別のスクリプトを使用してみましたが、同じ問題が続きます。

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 に答える