Bootstrap Maxlength,带有动态生成的文本框

时间:2014-09-05 22:04:36

标签: jquery twitter-bootstrap dynamic textarea maxlength

希望任何人都可以提供帮助。

我在textareas上使用Bootstap Maxlength,这是通过从模板克隆动态生成的。模板计数器工作得很好(顺便说一句真棒插件!!!)因为它本身就是在html中。但是当它创建一个克隆时,元素会在DOM中动态生成,因此插件不起作用,因为我认为它并不能识别新元素是否存在。我对jquery不是很熟悉,所以我真的不知道如何创建一个函数来解决这个问题。

Jquery的.on功能似乎不起作用。我通过在页面底部调用它来尝试这个:

$(document).on('ready', function() {
    $("textarea").characterCounter({
        limit: 120
    });
});

我非常确定这不是正确的,但我不知道该怎么做。如果有人有任何答案,我将永远欠你的债务:)。

谢谢!

1 个答案:

答案 0 :(得分:1)

是的,你是仪式!在DOM中动态生成元素后调用该函数

生成文本框时执行以下操作

步骤1:通过克隆生成文本框,然后

第2步:调用函数$("textarea").characterCounter({limit: 120});

例如:

function Clone(){
GenerateTextBoxes();
$("textarea").characterCounter({limit: 120});
}