页面加载后脚本不工作
本文关键字:工作 脚本 加载 | 更新日期: 2023-09-27 18:16:16
我使用javascript来显示sms_textbox的剩余字符显示。它只允许160个字符
<script type="text/javascript">
var characterLimit = 160;
$(document).ready(function () {
$("#lblremaingCharacters").html(characterLimit);
$("#txtmessage").bind("keyup", function () {
var characterInserted = $(this).val().length;
if (characterInserted > characterLimit) {
$(this).val($(this).val().substr(0, characterLimit));
}
var characterRemaining = characterLimit - characterInserted;
$("#lblremaingCharacters").html(characterRemaining);
});
});
</script>
但是这个脚本只在页面加载时工作良好,当其他asp按钮单击事件触发时不工作
尝试替换文档中的characterLimit。准备好函数
$(document).ready(function () {
var characterLimit = 160;
$("#lblremaingCharacters").html(characterLimit);
现在,characterLimit将像全局值一样适用于所有事件。
现在你的脚本应该是<script type="text/javascript">
$(document).ready(function () {
var characterLimit = 160;
$("#lblremaingCharacters").html(characterLimit);
$("#txtmessage").bind("keyup", function () {
var characterInserted = $(this).val().length;
if (characterInserted > characterLimit) {
$(this).val($(this).val().substr(0, characterLimit));
}
var characterRemaining = characterLimit - characterInserted;
$("#lblremaingCharacters").html(characterRemaining);
});
});
</script>
请尝试在aspx页的pageLoad函数中添加脚本,而不是$(document)。准备:
<script type="text/javascript">
var characterLimit = 160;
function pageLoad() {
$("#lblremaingCharacters").html(characterLimit);
$("#txtmessage").bind("keyup", function () {
var characterInserted = $(this).val().length;
if (characterInserted > characterLimit) {
$(this).val($(this).val().substr(0, characterLimit));
}
var characterRemaining = characterLimit - characterInserted;
$("#lblremaingCharacters").html(characterRemaining);
});
}
</script>
从你的代码我得到你正在使用$(document).ready()
你需要使用
function pageLoad()
{
//Your Code
}
这将解决问题