javascript - jQuery nestedSortable - protect two levels from changes -


I'm using the jQuery nested sequence to display a tree of the item and I disable the two levels before the changes Want to do Here's JSfield:

HTML:

  & lt; Ul id = 'menusList' & gt; & Lt; Li class = 'sortable_false' & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Route 1 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; Ol class = 'sortable' & gt; & Lt; Li class = "sortable_false" id = "menu_161" & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Child 1 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; Li class = "sortable_false" id = "menu_163" & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Hair 2 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; Ol & gt; & Lt; Li class = "sortable_true" id = "menu_162" & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Grand Child 1 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; Li class = "sortable_true" id = "menu_158" & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Grand-Child 2 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; Li class = "sortable_true" id = "menu_160" & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Grandmother 3 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; / Ol & gt; & Lt; / Li & gt; & Lt; Li class = "sortable_false" id = "menu_159" & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Child 3 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; / Ol & gt; & Lt; Li class = "sortable_false" id = "menu_2" & gt; & Lt; Div & gt; & Lt; Span class = 'menu_name' & gt; & Lt; A href = "edit_this_item" & gt; Route 2 & lt; / A & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; / Li & gt; & Lt; / Ul & gt;  

JQuery:

  $ ('sortable'). Nested server ({handle: 'div', item: 'li', tolerance element: '' div '', protectRoot: true, update: function (event, UI) {$ .post ("/ sort", $ ( This). NestedSortable ('serialize'));}});  

Anything that I am missing in the following information is:

  1. Forwarding the midwife to the level of children and the permission of the sub-poetry Should not be given.
  2. Children and Route 2 children (ideally) should be allowed to run grandchildren between Route 1.

I have secured the option of Nested SOURTABLE with some time, protect the route and items , but without success

You can only li.sortable_true ...

There is a need to set as
  $ ('sortable'). Protected Root: Correct, Update: Function (Event, UI) {$ .post ("/ Handle: 'div', item: 'li.sortable_true', Tolerance element: '' Sort ", $ (this). NestedSortable ('serialize'));}}); 


Comments