在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/

但是對於您的問題，刪除此代碼才是答案……