Как сделать Аккордовые Элементы Сортируемыми и Перетаскиваемыми - PullRequest
Новая
       5

Как сделать Аккордовые Элементы Сортируемыми и Перетаскиваемыми

1 голос
/ 29 марта 2012

У меня есть шаблон для разработки перетаскиваемых / перетаскиваемых элементов.Иерархия выглядит следующим образом: 

<script type="text/javascript">
$(function() {
        $("#Menu").accordion({
            autoHeight: false,
            navigation: true,
            collapsible: true
        });
        $(".sortable").sortable({
                revert: false,
                start: function(e, ui) {
                    draggedItem = ui.item;
                }
        });     
        $( ".draggable" ).draggable({
            helper: "clone",
            connectToSortable: ".sortable",         
            revert: "true"
        });
});
 </script>

HTML-код для этого выглядит следующим образом 

<ul id="Menu">
<li>
    <span class="head">Input</span>
    <div class="childs">
       <ul>    
       <li class="draggable">
            <input type="checkbox"/>
       </li>
       <li class="draggable">
            <input type="radio"/>
       </li>     
       </ul>
    </div>   

    <span class="head">Controls</span>
    <div class="childs">
       <ul>    
       <li class="draggable">
            <input type="file"/>
       </li>
       <li class="draggable">
            <input type="button"/>
       </li>     
       </ul>
    </div>   
</li>
</ul>



<ul class="sortable">
<li> Drag elements Here.</li>
</ul>

В чем основная проблема Без аккордеона перетаскиваемые элементы обеспечивают некоторую визуальную обратную связь, например, где их разместить,в то время как когда к аккордеонной структуре (эти элементы: 

<span class="head">Controls</span>

<div class="childs">

) применяются, обратная связь находится в пределах UL элемента Draggable.Я могу бросить их в Сортируемую область.Мне просто нужно, чтобы они предоставили обратную связь, которую он делает без аккордеона ...

1 Ответ

0 голосов
/ 19 мая 2014

чк по этой ссылке. Это должно помочь -

Плагин вложенных сортируемых Jquery

...