1

この単純なjQueryプラグインを試して、数字にレジ効果を与えるように提案されました

最初にjsfiiddleでテストして、それがどのように機能するかを確認したかったのですが、効果が得られないため、何かがうまくいきません。プラグインに加えた唯一の変更は次のとおりです。

 easing: 'swing',
duration: 1700,

そしてそうではない

        easing: 'linear',
        duration: 700,

何が間違っているのか理解できませんか、それともプラグインに何か問題がありますか?

4

1 に答える 1

1

関数パラメーターを正しく使用していなかったため、まったく機能していませんでした。

しかし、それを正しく行ったとしても --- このプラグインは非常に悪いものです。非常にうまく機能しません。

代わりにこれを試してください：

http://code.google.com/p/jquery-formatcurrency/

実際の例 (私はそれをテストし、美しく動作します)

http://www.bendewey.com/code/formatcurrency/demo/

ソース：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>JQuery FormatCurrency Sample</title>
        <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="jquery.formatCurrency-1.4.0.min.js"></script>
        <style type="text/css">
            body, div  { margin:0px auto; padding:0px; }

            .main { margin:40px; }

            .sample { float:left; margin:10px; padding:4px; border:1px solid #888; width:350px; }

            .sample h3 { margin:-4px; margin-bottom:10px; padding:4px; background:#555; color:#eee; }

            .currencyLabel { display:block; }        
        </style>
        <script type="text/javascript">
            // Sample 1
            $(document).ready(function()
            {
                $('#currencyButton').click(function()
                {
                    $('#currencyField').formatCurrency();
                    $('#currencyField').formatCurrency('.currencyLabel');
                });
            });

            // Sample 2
            $(document).ready(function()
            {
                $('.currency').blur(function()
                {
                    $('.currency').formatCurrency();
                });
            });
        </script>
    </head>
<body>
    <div class="main">
        <div class="formPage">
            <h1>Format Currency Sample</h1>

            <div class="sample">
                <h3>Formatting Using Button Click</h3>
                <input type="textbox" id="currencyField" value="$1,220.00" />
                <input type="button" id="currencyButton" value="Convert" />

                <div>
                    Formatting Currency to an Html Span tag.
                    <span class="currencyLabel">$1,220.00</span>
                </div>
            </div>

            <div class="sample">
                <h3>Formatting Using Blur (Lost Focus)</h3>

                <input type="textbox" id="currencyField" class='currency' value="$1,220.00" />
            </div>

        </div>
    </div>
</body>
</html>
于 2012-09-24T21:41:15.110 に答える