Multiple ULs sortable serialize
Hi all,
I have an admin tool for a site and one of its pages shows the entire
main nav menu in a bunch of separate UL's (ie, <ul><li>MAIN PAGE <ul
class="sortable"><li id="1">SUB PAGE</li><li id="2">SUB PAGE</li></
ul></li><li>MAIN PAGE <ul class="sortable"><li id="3">SUB PAGE</li></
ul></li></ul> ). I have used jquery sortables to let the sub-page LI's
sort under their parent page. The main page LI's do not sort, only
their sub-pages can sort. As you can see, I put a class of "sortable"
to allow all those LI's under that UL to sort. I have also put unique
id's on each one of these sub-page LI's so that I can serialize them.
The problem is, however, that when I click on my serialize button it
only serializes the first UL with the class of "sortable." I need to
be able to sort the entire page, however, so that every UL with class
of "sortable" on the page is serialized -- as the main point of this
whole admin page will be to allow the user to change the order in
which the sub-pages show up in the navigation. What's the best way of
doing this?
Thanks,
Matt