javascript - 响应新 DOM 的函数

标签 javascript ajax jquery dom

我有以下函数来计算用户必须在文本区域中输入的剩余字符数:

$("textarea").keyup(function() {
    var max = 500;
    var length = $(this).val().length;
    var char = max - length;
    if (length > max) {
        $(this).parent().find('.counter span').html('<div class="text-error">' + char + '</div>');
    } else {
        $(this).parent().find('.counter span').text(char);
    }
});

如果我向页面引入一个新的 DOM,则上述函数对于新引入的 textarea 不起作用。我怎样才能让它与新的 DOM 一起工作?

谢谢。

最佳答案

您需要 jQuery 中的 on 函数。

$("body").on("keyup", "textarea", function() { ...

http://api.jquery.com/on/

关于javascript - 响应新 DOM 的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20108484/

相关文章:

javascript - 记住用户导航到不同页面时选择的样式表

ajax - 从 ubuntu 服务器向浏览器推送数据

javascript - 如何从 JQuery 选择器构建对象列表并在 Ajax post 中发送

javascript - 根据类别脚本显示字段集

javascript - 如何根据从 AJAX 获得的 JSON 数据禁用选择选项?

javascript - 我怎样才能控制鼠标滚动事件,然后在 html、body 上做一个动画?

javascript - 如何在此菜单中从右到左更改类别

javascript - HTML - 显示自定义文本/图像而不是源代码

Javascript,设计函数来引用自身

javascript - 在 PHP 中动态地将图像添加到 JQuery slider