2013-01-09 87 views
0

我正在使用jquery字符計數器,並將它與Codeigniter中的表單助手進行整合。我已將所有內容都按原樣運行,但是當我使用此腳本時,括號不會顯示出來。我輸入他們並使用ascii代碼,並且他們只在我脫下腳本時才顯示出來。爲什麼jQuery不允許ascii字符在html中顯示?

任何想法這可能是什麼?

在此先感謝。

的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> 

textarea的:

<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> 

thans提前

+0

我沒有看到問題 - 請檢查此jsFiddle:http://jsfiddle.net/GjRYL/ - 您可能會修改相同的問題以複製問題 – VinayC

+0

@VinayC問題出在指向該提琴的鏈接上。它應該打印(1350字符限制)而不是1350字符限制 – LightningWrist

+0

請看我的答案,如果這是你以後。 – VinayC

回答

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撥弄着這些變化 - 檢查出來herehttp://jsfiddle.net/GjRYL/1/ - 希望,這就是你後。

+0

這就是我正在尋找的。謝謝。 – LightningWrist