0

jquery 文字カウンターを使用して、Codeigniter のフォーム ヘルパーと統合しています。すべて正常に機能していますが、このスクリプトを使用すると、括弧が表示されません。それらを入力してASCIIコードを使用しましたが、スクリプトを離したときにのみ表示されます。

これは何だろう？

前もって感謝します。

JavaScript:

<script>
    function updateCountdown_mylife() {
        var remaining = 1340 - jQuery('.message_mylife').val().length;
        jQuery('#mylife').text(remaining + ' characters remaining.');
    }

    jQuery(document).ready(function($) {
        updateCountdown_mylife();
        $('.message_mylife').change(updateCountdown_mylife);
        $('.message_mylife').keyup(updateCountdown_mylife);
    });

    function updateCountdown_occupation() {
        var remaining = 200 - jQuery('.message_occupation').val().length;
        jQuery('#occupation').text(remaining + ' characters remaining.');
    }

    jQuery(document).ready(function($) {
        updateCountdown_occupation();
        $('.message_occupation').change(updateCountdown_occupation);
        $('.message_occupation').keyup(updateCountdown_occupation);
    });
    </script>

html:

My Life <br /><span class="title_sub_text">Tell us a about yourself</span> <span class="edit_sub_text" id="mylife">&#40;1350 character limit&#41;</span>

テキストエリア:

<div class="edit_text_area">        
            <?php 

            if(empty($user['mylife']))
            {
                $data = array('name' => 'mylife', 'class' => 'message_mylife');
                echo form_textarea($data);
            }
            else
            {
                $data = array('name' => 'mylife', 'class' => 'message_mylife');
                echo form_textarea($data, $user['mylife']);
            }


            ?>
        </div>

事前に感謝

4

1 に答える 1

1

あなたが言っていることを理解していれば、スパンテキストを上書きしていて、上書き中にそこに括弧を入れていないため、括弧は表示されません。たとえば、関連するコードを次のupdateCountdown_mylifeように変更しないでください。

jQuery('#mylife').text('(' + remaining + ' characters remaining)');

含まれている括弧に注意してください。また、起動時に表示するには、起動コードの呼び出しを(1350 character limit)コメントアウトするだけです。updateCountdown_mylife

jQuery(document).ready(function($) {
        // updateCountdown_mylife(); // this line would modify span text at start-up
        $('.message_mylife').change(updateCountdown_mylife);

私はこれらの変更で JS フィドルを修正しました - ここでチェックしてください: http://jsfiddle.net/GjRYL/1/ - うまくいけば、これはあなたが求めているものです。

于 2013-01-09T06:23:13.197 に答える