触发时的Foundation.utils.debounce事件

时间:2014-02-11 18:06:12

标签: jquery zurb-foundation

我需要的是一种在此代码中显示页面中的消息的方法,声明他们每30秒只能提交一次评论,但我认为没有任何办法可以解决这个问题是否存在我可以挂钩的隐藏回调或事件?

        $body.on('keypress', '.commentForm textarea', Foundation.utils.debounce(function (event) {
        var $wrapper = $(this).parentsUntil('.confession_comments_element').parent();
        var $self = $(this);
        var $commentWrapper = $self.parent().parent().parent();

        if (event.which === 13) {
            if ($commentWrapper.find('.confession_comment_wrapper').length) {
                $self.parent().parent().ajaxSubmit({
                    'success': function (data) {
                        $commentWrapper.find('.confession_comment_wrapper').append(data);
                        $self.val('');
                    }
                });
                return true;
            }
            $self.parent().parent().ajaxSubmit({
                'success': function (data) {
                    $commentWrapper.append(data);
                }
            });
            return false;
        }
    }, 30000, true));

1 个答案:

答案 0 :(得分:1)

我认为您可以在成功提交后禁用POST按钮并启动计时器30秒,然后再次启用它。类似的东西:

     $self.parent().parent().ajaxSubmit({
         'success': function (data) {
             $commentWrapper.append(data);

             $('#your_post_button').addClass('disabled');
             setTimeout(function () {
                 $('#your_post_button').removeClass('disabled');
             }, 30000);

         }
     });