Question

在下面的jQuery中，我尝试将“load”添加到绑定文件中，以便在加载时触发脚本以评估文本区域的字符数，并在适用时设置“over”类。但是，它不起作用。我应该为此事件添加什么？

<script type="text/javascript">
    maxCharacters = 160;
    jQuery(document).ready(function()
    {
        var characters = jQuery("#excerpt").val().length;
        jQuery(".c5_counter").text(characters);
        jQuery("#excerpt").bind("keyup keydown load", function()
        {
            var count = jQuery(".c5_counter");
            var characters = jQuery(this).val().length;
            if(characters > maxCharacters)
            {
                count.addClass("over");
            }
            else
            {
                count.removeClass("over");
            }
            //count.text(maxCharacters - characters);
            count.text(characters);
        });
    });
</script>';

Answer 1

为什么你不想在负载时触发它？为什么不在文档准备好加载时运行该功能？如果我理解你的问题，这基本上就是你的目标。

你可以这样做：

maxCharacters = 160;
jQuery(document).ready(function()
{
    var checkForOver = function()
    {
        var count = jQuery(".c5_counter");
        var characters = jQuery("#excerpt").val().length;
        if(characters > maxCharacters)
        {
            count.addClass("over");
        }
        else
        {
            count.removeClass("over");
        }
        //count.text(maxCharacters - characters);
        count.text(characters);
    };

    jQuery("#excerpt").bind("keyup keydown", checkForOver);

    // When we are done binding it, trigger the function
    checkForOver();
});

如何使用jQuery添加页面的load事件来绑定元素的语句？

1 个答案: