私のhtmlコードは次のようなものです:
<div class="control-group">
<label class="control-label">Message Body
<p class="showlimit"><!-- this shows character limit for the message -->
<span id="charsLeft"></span>/<span id="charsLimit"></span>
</p>
</label>
<div class="controls">
<textarea rows="7" id="msg" name="msg" class="field span5"></textarea>
</div>
</div>
私のjqueryコードは次のようなものです:
$('#charsLimit').text(1200);
$('#msg').limit($('#charsLimit').text(),'#charsLeft');
ID charsLeft に残っている文字数を 1200 から表示したかった (つまり、charsLimit の値) 通常は機能しますが、Aloha エディターを使用したリッチ編集レベルでは、textarea を次のようにdivに置き換えるため、機能しません。
<!-- rest of the above code is same -->
<div class="controls">
<textarea id="msg" class="field span5" name="msg" rows="7"
style="display: none;"><!-- observe the style displaying none -->
</textarea>
<!--
msg replaced with msg-aloha hence not able to perform normal jquery on msg
-->
<div id="msg-aloha" class="aloha-textarea aloha-editable
aloha-block-blocklevel-sortable ui-sortable"
contenteditable="true" style="height: 140px; width: 456px;">
<br class="aloha-cleanme" style="">
</div>
</div>
私は何をすべきか理解できません...