Initiating jQuery scripts after ajax loading without callback

Question

I know that jQuery has .on() and .delegate() methods, but these require the event to bubble. I want to load slickGrid and some other 'on load' plugins.

Is there anyway to call these without having to define them in the callback after an ajax request has loaded the new dom?

Thanks!

Amadan · Accepted Answer · 2012-01-09 01:51:11Z

2

Stick all your initialisation code inside $(function() { ... });

For example,

$(function() {
  var slickgrid = new Slick.Grid("#slickgrid", 10, 3, {});
  // any other initialisation code...
});

answered Jan 9, 2012 at 1:51

Amadan

200k23 gold badges252 silver badges321 bronze badges

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

3 Comments

David Over a year ago

But I have grids and other items that are being loaded via ajax, so after the ajax success, I call these plugins (which I'd rather not do). They aren't recognized outside of this.

Amadan Over a year ago

What isn't recognised outside of what? If you mean the slickgrid variable in my example above, you can move the declaration outside the function, make it a bit more global, so it is accessible from your ajax success handler. Regarding the initialisation from the ajax success handler, why is it something you'd rather not do? If it's dependent on that data, it's the sensible way to do it, no?

David Over a year ago

Yeah, I guess it's fine. I have a ton of other dependent plugins, so it tends to get messy to have it all in a callback, but I'll put it in a plugin then call that plugin from within the callback. Wasn't sure if there was a better method through jQuery for non-bubbled "events". Thanks!

Collectives™ on Stack Overflow

Initiating jQuery scripts after ajax loading without callback

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related