Re: [jQuery] Re: Content loaded via Ajax and global JS

Yes, the live function should do it. In case that still won't work for you, just work up the vine and install the plugin livequery instead, which is where live came from.

John

On Sat, Dec 5, 2009 at 10:41 PM, jpcozart <jeremy.cozart@gmail.com> wrote:

Check out the live function. It can solve this problem.

http://docs.jquery.com/Events/live

On Dec 5, 2:38 am, mysterious79 <gray8...@gmail.com> wrote:
> This probably isn't a jquery question precisely, but jquery is being
> used as my method for making ajax requests.
>
> I'm running into a recurring problem where functions declared on the
> initial page load aren't manipulating content loaded later via ajax.
> For example, when the page loads I may have two ".button" elements but
> then I pull in three more via ajax. A function that affects
> that .button class will work on the original elements but not the ones
> added via ajax.
>
> Here is a very basic but functional example of this:
>
> --------------------------------------------------
> <script type="text/javascript">
> $(function() {
>         $('p').click(function() {
>                 $.ajax({
>                         url : 'testing.html',
>                         type: 'get',
>                         success : function(data) {
>                                 $('.container').append(data);
>                         }
>                 });
>         });});
>
> </script>
>
> <div class="container">
> <p>Hello</p>
> </div>
> --------------------------------------------------
>
> In this example, a click of any p tag should append the content from
> testing.html onto the doc. testing.html is a fragment that has a
> duplicate p tag. Well, I want every new p tag to have the same
> behavior as the original one. How do I do that? I've found that
> putting that writing that function into the fragment can solve the
> problem but this isn't the sort of solution I'm looking for.
> Sometimes, redeclaring the function in the success function will work
> as well, but this is inelegant as I'd like any function declared in
> the site js file to be available.
>
> What is a good method for getting around this sort of trouble?
>
> Thanks