Question

继续this问题。

在我提交新帖子后，提交按钮卡在焦点状态（我已经确认它是焦点而不是通过将它们设置为不同的背景颜色来激活）。由于我需要手动清除内容框，我认为我需要通过执行以下操作来删除焦点类：

$(document).ready(function() {
    $('#post_button').click(function (e) {
        e.preventDefault();

        $.post('/posts',
            $('#new_post').serialize(),
            function (data, status, xhr) {
                $('.modal-body').load(document.URL + ' #modal-body-span');
                $('#post_content').val('');
                $('#post_button').removeClass("btn:focus");
            });
});

搜索后，我也试过了：

e.stopImmediatePropagation();
$('#post_button').removeClass("btn:focus");

当这不起作用时，我想确保我有正确的元素，所以我尝试了这个：

$('.btn:focus').removeClass("btn:focus");

我尝试将相同的调用放入ajaxComplete事件中，但这也不起作用。

然后我强制元素状态：通过Chrome检查器进行聚焦，我看到了：

> $('.btn:focus')
[<input class="btn btn-primary" id="post_button" name="commit" type="submit" value="Post">]

这可能解释了为什么我不能删除课程，如果它不是真的存在，但是会喜欢解释为什么和实际的解决方案？

从模态中的卡住按钮中移除焦点状态

0 个答案: