JQM Textarea的速度

时间:2014-02-26 06:23:16

标签: jquery css jquery-mobile

我仍在努力通过JQM,请原谅我,如果这是一个简单的问题。

我正在处理以下JQM代码,但我注意到的问题是当我尝试拖动textarea时,响应似乎有点慢:

JQ

$(function() {
    $("#textbox").each(function() {
        var input = '#' + this.id;
        counter(input);
        $(this).keyup(function() {
            counter(input);
        });
    });
});

function counter(field) {
    var number = 0;
    var text = $(field).val();
    var word = $(field).val().split(/[ \n\r]/);
    words = word.filter(function(word) {
        return word.length > 0 && word.match(/^[A-Za-z0-9]/);
    }).length;
        $('.words').text(words);
}

CSS:

#main {
    margin: 0 auto;
    position: relative;
    width: 900px;
}

#textbox {
    margin: 30px auto;
    max-width: 700px;
    min-width: 700px;
    height: 300px;
    min-height: 300px;
}

以下是我的代码Fiddle和另一个看起来更快的小提琴:

My Fiddle

Faster Fiddle

我能做些什么来提高响应速度或提供与任何类似问题的链接。

由于

1 个答案:

答案 0 :(得分:0)

我能做的最好的事情就是添加 data-role =“none”,即使发光不明显也解决了它。见下文:

<label for="textbox"> </label>
<textarea data-role="none" placeholder="Simply type, or copy and paste your text or article in here" name="addwords" id="textbox"></textarea>