在ajax调用之前添加DOM操作之后，在ajax之后dom不会保留

Question

演示链接

当前流ScreenShoot为参考：

Iam将一个类添加到element并尝试给予焦点。 对于静态元素，其工作正常。 但是每当我打电话给ajax请求时。 我添加的类不保留其被删除。

JS：

$('#search-refine-bar').on('click', function(e) {
    var eventNode = e.target.nodeName;
    $('.highlight').removeClass('highlight').removeAttr('tabindex focus style').css({
        "border": ""
    });
    setTimeout(function() {
        alert(eventNode + " --------------- " + 'In Progress adding focus');
        $(e.target).attr({
            tabindex: "-1",
            focus: "focus"
        }).addClass('highlight').focus().css({
            "border": "1px solid #f00"
        });
        alert(eventNode + " --------------- " + 'Done status')
    }, 1000);

});

Answer 1

第一次点击后，一切对我来说都很好。

您的click事件在包含所有内容的div上，因此您还标记了<p>标记等。我不确定是否要这样做...

问题是，当您在某处单击agian时，您将使用此代码删除所有内容...

$('.highlight').removeClass('highlight').removeAttr('tabindex focus style').css({
    "border": ""
});

而且我不确定您要用此代码完成什么。

我只是猜测，您是否正在尝试类似这种提琴手： http : //jsfiddle.net/589hq620/

但是对于您的问题，删除此代码才是答案……