binding jquery ui methods after ajax calls

Question

I am using jquery ui in several places to create ui elements like tabs, tooltips etc. These all follow the same format of $('selector').ui_method_name, where the ui-method-name could be tabs, accordion, tooltip etc.

This all works fine when the page loads first and this line is called on $(document).ready, but in some cases I load content via ajax and this content needs to be formed into a ui element and in that it does not work.

What's the best way to do this binding after ajax calls, I guess I can do it on a case by case basic but I am wondering if there is a global way of doing it.

I tried the $.ajax registration but that does not seem to be working, before I bang my head anymore, I wanted to check if there is a good way.

I am using this in my rails app.

Thanks

Steve · Accepted Answer · 2010-09-02 22:42:14Z

1

You can pass a function to the ajax method's success parameter:

$(".example").ajax({
  'success': function(data) {
     something()
  }
})

I'm unsure about setting this globally but you could define the success functionality and pass it in to several calls and have it deal with data that's returned appropriately.

var hurray = function(data) {
  do_stuff(data)
}

$(".example").ajax({
  'success': hurray
})

(Or obviously just define a function normally and call it)

answered Sep 2, 2010 at 22:42

Steve

5,8934 gold badges38 silver badges49 bronze badges

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

Collectives™ on Stack Overflow

binding jquery ui methods after ajax calls

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related