He buscado en internet durante ya dos día y no encuentro nada que lo solucione, a ver si vosotros podéis o si se os ocurre una alternativa.
Lo que quiero hacer es lo siguiente:
Una jquery ui tabs() y dentro de uno de sus tabs un accordion(), y dentro de uno de sus acordeones introducir una lista de elementos <li> que son draggables().
El problema viene en estos <li>, ya que al estar dentro de un acordeón no me deja arrastrarlos fuera del <div> que los contiene, y lo que me interesaría es que se pudieran arrastrar los items de la id='lista' hacia fuera del <div> con id='barra' manteniendo si es posible la estructura: tabs > accordion > lista.
El código HTML (home.html) que tengo actualmente es el siguiente -el js está más abajo-:
Código :
<body> <div id="barra"><!--INICIO BARRA--> <div id="BarraTitle">BARRA</div> <div id="tabs"><!--INICIO BARRA--> <ul> <li><a href="#tabs-1" style="padding:5px;">Nunc tincidunt</a></li> <li><a href="#tabs-2" style="padding:5px;">Proin dolor</a></li> <li><a href="#tabs-3" style="padding:5px;">Aenean lacinia</a></li> </ul> <div id="tabs-1"> <div id="accordion"><!--INICIO JQUERY ACCORDION SYSTEM--> <h3><a href="#">Bebidas alcoholicas</a></h3> <div> <p>Descripción 1</p> </div> <h3><a href="#">Bebidas refrescantes</a></h3> <div> <p>Descripción 2</p> </div> <h3><a href="#">Bebidas </a></h3> <div> <p>Descripción 3</p> <ul id="lista"> <li>Product one</li> <li>Product two</li> <li>Product three</li> </ul> </div> </div><!--FINAL JQUERY ACCORDION SYSTEM--> </div> <div id="tabs-2"> <p>Descripción 2</p> </div> <div id="tabs-3"> <p>Descripción 3.1</p> <p>Descripción 3.2</p> </div> </div><!--FINAL TABS--> </div><!--FINAL BARRA--> </body>
El código js (home.js):
Código :
$(document).ready(function(){
$("#barra").height($(window).height()-100).width(300);
$("#tabs").tabs({
fx: { opacity: 'toggle' }
});
$("#accordion").accordion({
autoHeight:false,
icons: {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"
}
});
$("#lista > li").draggable({
containment:'window',
helper: 'clone',
revert: true,
cursor:'move'
});
});Disculpa por el MEGAPOST largisimo
DMuchísimas gracias de antemano!
Marc Cardona Ariza.
