Search jQuery

jQuery Forum

Ajax

in Using jQuery • 11 years ago

I am developing a website with a blog. The blog loads via ajax for blog info (id, title, image, body, etc) into the main index page from a div on a blog.php page.

The div on the blog.php page has a paragraph tag which gets loaded into the index page, however when I try to apply JQuery to this ptag nothing happens when it is clicked via the index page. Does this mean that JQuery cannot be applied to objects which have been loaded in to the page, or am I doing something wrong?

Any help that can be provided would be much appreciated!

Thanks!

FatJP .

Replies(5)

charlietfl

Re: Ajax

11 years ago

events are only bound to html that currently exist unless you use event delegation, or rebind after addition of new html

http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F

fatjpe

Re: Ajax

11 years ago

Hi and thanks for the reply.

I have put this code into my jquery file, and nothing happens when I click on the p tag with the relevent class. Can you think why it might not work?

charlietfl

Re: Ajax

11 years ago

if the click handlers refer to elements within the load() then you haven't used any delegation or re-bound handlers within the ajax success as outlined in the link I provided

look at example that uses load() in the FAQ or delegate() method in API

http://api.jquery.com/delegate/

fatjpe

Re: Re: Ajax

11 years ago

I couldn't really understand this enough to get it to work, however I looked at one of my JQuery books and used the following code which seemed to work fine: