Przenoszenie elementów z submenu za pomocą JQuery

Question

Cześć, piszę projekt z wykorzystaniem JSF, jednak pewna rzecz wymaga ode mnie użycia JQuery, z którego jestem kompletnie zielony. Stworzyłem sobie takie Menu:

 <p:panelMenu style="width:200px" id="menu" >
				<p:submenu label="Dodaj kontrolke" styleClass="km-tiered-submenu-1"
					rendered="true">
					<p:menuitem value="Bilans" actionListener="#{myIndexBean.addControl}" styleClass="km-tiered-submenu-2"/>
					<p:separator />
					<p:menuitem value="Średnia Pensja" styleClass="km-tiered-submenu-2" />
				</p:submenu>

				<p:submenu label="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
					styleClass="km-tiered-submenu-1"
					rendered="#{request.isUserInRole('PrzykladowaRola') and false}">

					<p:submenu label="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
						styleClass="km-tiered-submenu-2"
						rendered="#{request.isUserInRole('PrzykladowaRola') and false}">
						<p:menuitem value="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
							url="#" styleClass="km-tiered-submenu-3"
							rendered="#{request.isUserInRole('PrzykladowaRola') and false}" />
					</p:submenu>
				</p:submenu>

I do tego taki skrypt:

$(".ui-menuitem").draggable({
	revert : true
});

Problem w tym, że nie mogę przesunąć elementu poza Submenu, czy ktoś jest w stanie mi powiedzieć jak ominąć ten problem?

Answer 1

Na dniach też zaczełem sie zapoznawać z jQuery i myśle, że możesz spróbować zmieniać własność 'containment' powinna być default'owo ustawiona na false, ale nie widać reszty kodu.

Według tego co napisałeś to zachowuje sie jak:

$( ".selector" ).draggable({ containment: "parent"});

może spróbuj containment zmienić na document lub window.