jquery autocomplete not working after dynamically loading html

Question

im making a call to load function which dynamically loads a part of the jsp. after the load functionm call i notice that the autocomplete on a input box is not being responsive. it was fine earlier before the load function call. The load function replaced a a div with the given id and the autocomplete textbox already exists before the load call. the following is the code for my autocomplete. please help

$('.directoryAutoComplete').autocomplete({
    source : system.ctx+ '/autocomplete/people',
    focus : function() {
        return false;
    },
    select : persons.autocompleteSelected,
});

Honorable Chow · Accepted Answer · 2014-04-28 15:58:11Z

2

You have to reattach the autocomplete after you dynamically load the new html. When you swap out the html you've removed the autocomplete as well as the old html.

answered Apr 28, 2014 at 15:58

Honorable Chow

3,1833 gold badges26 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2707760 Over a year ago

can you tell me how to do that ?

Honorable Chow Over a year ago

whatever routine is responsible for swapping out the html you want to call that above snipped afterwards. Just put the whole thing in after you do the swap.

Collectives™ on Stack Overflow

jquery autocomplete not working after dynamically loading html

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related