Перетащите на <div>вправо (или влево)? - PullRequest
Новая
       35

Перетащите на <div>вправо (или влево)?

1 голос
/ 27 января 2010

Когда они находятся под друг другом, и я пытаюсь перетаскивать предметы, это не проблема!

Когда я (с помощью css) изменяю их, чтобы они отображались рядом друг с другом, я не могу перетащить элемент из левого поля вправо ... Может быть, мне не хватает параметров, которые мне нужно изменить? Кто-нибудь может мне помочь?

Вот мой код: 

<script language="JavaScript">
sections = ['group1','group2'];
function createLineItemSortables() {
    for(var i = 0; i < sections.length; i++) {
        Sortable.create(sections[i],{tag:'div',dropOnEmpty: true, containment: sections,only:'lineitem'});
    }
}
function destroyLineItemSortables() {
    for(var i = 0; i < sections.length; i++) {
        Sortable.destroy(sections[i]);
    }
}
 </script>
<div id="group1" class="section" style="width:400px; float:left;">
<h3 class="handle">ZOEK NAVIGATIE: </h3>
<div id="item_1" class="lineitem">This is item 1</div>
        <div class="lineitem" id="te_926130" style="border:solid black 1px;">
            ITEM 1
        </div>
        <div class="lineitem" id="te_926121" style="border:solid black 1px;">
            ITEM 2
        </div>
        <div class="lineitem" id="te_926120" style="border:solid black 1px;">
            ITEM 3
        </div>
</div><!-- einde GROEP 1 -->
<div id="group2" class="section" style="width:400px; float:left; margin-left:20px;">
    <h3 class="handle">TEASER VERSCHIJNT OP VOLGENDE NAVIGATIES</h3>
</div>
<script type="text/javascript">
    Sortable.create('group1',{tag:'div',dropOnEmpty: true, containment:     sections,only:'lineitem'});
    Sortable.create('group2',{tag:'div',dropOnEmpty: true, containment:     sections,only:'lineitem'});
    Sortable.create('dioContentHome',{tag:'div',only:'section',handle:'handle'});
 </script>

1 Ответ

3 голосов
/ 27 января 2010

Мне удалось перетащить его в нужное поле. Как ни странно, сначала нужно перетащить его в верхнюю часть экрана, затем вправо.

Я добавил границы для "item_1" и "group2", чтобы увидеть, что на самом деле происходит. Высота groups2 только равна названию, так как у этого DIV нет указанной высоты, поэтому у вас не так много места, куда вы можете попасть.

Я присвоил группе 300 высоту 300 пикселей и теперь могу без проблем туда зайти.

...