Ich habe zwei sortierbare Listen, die verbunden sind. Einer ist einfach auf der Seite, der andere ist in einem Akkordeon. (Ich verwende das Akkordeon als Behälter für die andere Liste)jQuery UI: Ziehen Sie innerhalb von Akkordeon nach außen sortierbar
Mein Ziel ist es, dass ein Benutzer das Akkordeon öffnen und Elemente aus dieser Liste auf die Seite ziehen kann.
Es funktioniert - außer der Platzhalter verschwindet beim Verlassen des Akkordeons. Ich habe versucht Helfer: "klonen" und erhöhen Sie den zIndex.
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#inside").accordion({
collapsible: true,
fillSpace: true,
active: false
});
$("#ulOutsideList, #ulInsideList").sortable({
opacity: 0.7,
revert: 100,
scroll: true,
helper: 'clone',
zIndex: 50000,
connectWith: ".connectedSortable",
});
});
</script>
<div id="outside"> <!-- 1. Pick a Store -->
<ul id="ulOutsideList" class="connectedSortable">
<li>outside 1</li>
<li>outside 2</li>
<li>outside 3</li>
</ul>
</div> <!-- end 1. Pick a Store -->
<div style="clear:both"></div>
<div id="inside">
<h3>container</h3>
<ul id="ulInsideList" class="connectedSortable">
<li>inside 1</li>
<li>inside 2</li>
<li>inside 3</li>
</ul>
</div>
Sie möchten also Elemente aus dem Akkordeon ziehen und leere Platzhalter an ihren Plätzen lassen? –