jQuery：使用实时事件添加tabindex属性

Question

Would like all new elements with class .link to have a tabindex.

Delegate/Live does not seem to work:

$('body').delegate('.link', 'load', function(event){
   $(this).attr('tabindex',0);
});

Trying to apply this to AJAX loaded elements. And using what I found in this answer , which suggests the "load" event may be possible.

I'd like to avoid using trigger, or modifying the AJAX callback.

Answer 1

The problem here is that no events are triggered when a new element is inserted into the DOM ¹ . The "solution" (not the one you're looking for, unfortunately) is to set the tabindex from the complete callbacks of your ajax operations. You may use .ajaxComplete() to setup a global/default callback, but that may introduce new problems (such as having to deal with the order events are fired).

_{Well, that's not 100% accurate; there are the Mutation Events , which are not implemented consistently across different browsers, and are supposed to be replaced by Mutation Observers .}