Geek Answers Handbook

JQueryUI accordion changestart event - how to get data from it?

http://jqueryui.com/demos/accordion/#event-changestart

I am trying to get a jQuery ajax request to get some data and fill the div body inside each of my jQueryUI accordion strings when expanding a string. My intention is to have a hidden field or some of them in the interactive h3 accordion, and when the changestart event fires, ajax will leave and get a unique page for this harmonic string and fill it with useful html.

My problem is that I cannot find any information about the properties or values ​​associated with the objects returned in the parameters of the changestart event function. Does anyone know how to do this or get these values?

The code I have right now is:

$("#accordion").accordion({ collapsible: true, active: false, changestart: function(event, ui) { alert('hello:' + event.target.id + ':' + ui.id); } });

Which produces a warning displaying the message hello:accordion:undefined

I saw this post, which seems to coincide with what I'm trying to figure out ... Is the jQuery UI object type for the "ui" object passed to the callback function?

Thanks,

Mt.

+4
source share
2 answers

Looks like ui matters:

 $('.ui-accordion').bind('accordionchangestart', function(event, ui) { ui.newHeader // jQuery object, activated header ui.oldHeader // jQuery object, previous header ui.newContent // jQuery object, activated content ui.oldContent // jQuery object, previous content });
+2
source

You can easily access the contents of these ui.new | old items. These are jQuery elements, so they look a little weird.

jQuery way

 ui.newHeader.first().html()

And if you need access to the dom element, use .get ()

 ui.newHeader.get().first()
+1
source

More articles:


All Articles