Recommendations: Sortable Cols, Add/Remove Elements
Thanks to anyone who reads this, much less leaves me a helpful comment! I'm kind of stuck with where I'm at right now.
What I'm trying to do is use the connected lists in Sortable to add and remove elements from a navigation tree (basically, the right hand navigation of a web page). I have two divs for this: #navigation and #available. #navigation is the div that holds the current list of items in the tree and #available holds the elements that could potentially be added. I would like to be able to have users slide objects from #available to #navigation and have the navigation reordered and saved with the new element. I would like the user to be able to slide an element from #navigation to #available and have that item deleted from the list - <b>but only after confirmation</b>.
The trouble I'm running into seems to be a semi-common one, but I'm not finding the answer I'm looking for, just more questions. The function that sorts and saves elements runs on the "stop:" event. But I have my function that verifies and deletes elements running in the "remove:" event. That means that the sort and save is happening twice.
Is there a way to be able to tell jQuery not to run the "stop:" function under certain circumstances? I've tried accessing the ui.item to figure out where the item is (if it's in #available, don't do anything. If it's in #navigation, go ahead and run), but I can't seem to figure out how to do that.