Estoy usando http://mjsarfatti.com/sandbox/nestedSortable/ Sortes ordenados para JQuery. Quiero que cada encajable sea un acordeón. He llegado al punto en que he anidado sortables y acordeones; Sin embargo, cada vez que arrastro cualquiera de los archivos ordenables a la izquierda, la aplicación completa se congela.JQuery Nested Sortable Accordion
Aquí está mi JS (esto funciona muy bien):
$('ol.sortable').nestedSortable({
disableNesting: 'no-nest',
forcePlaceholderSize: true,
handle: 'div',
helper: 'clone',
items: 'li',
maxLevels: 10,
opacity: .6,
placeholder: 'placeholder',
revert: 250,
tabSize: 25,
tolerance: 'pointer',
toleranceElement: '> div'
});
$(function() {
var stop = false;
$("#accordion h3").click(function(event) {
if (stop) {
event.stopImmediatePropagation();
event.preventDefault();
stop = false;
}
});
$("#accordion")
.accordion({
header: "> ol > li > div > h3"
})
.nestedSortable({
axis: "y",
handle: "h3",
stop: function() {
stop = true;
}
});
});
Aquí es el html:
<section id="accordion">
<ol class="sortable">
<li id="list_1">
<div>
<h3><a href="#">Header</a></h3>
<div>
<p>des fields.</p>
</div>
</div>
<li id="list_2"><div>Item 2</div>
<ol>
<li id="list_3"><div>Sub Item 2.1</div>
<li id="list_4"><div>Sub Item 2.2</div>
<li id="list_5"><div>Sub Item 2.3</div>
<li id="list_6"><div>Sub Item 2.4</div>
</ol>
</ol>
</section>
Este es sin duda un problema que sólo se produce cuando se utiliza con los acordeones sortables. ¿Alguien ha encontrado este problema?
¿le importa la creación de un violín? –