Мне нужно взять div, которые находятся под div, перетащить и отсортировать их в другой div - PullRequest
Новая
       64

Мне нужно взять div, которые находятся под div, перетащить и отсортировать их в другой div

0 голосов
/ 02 августа 2020

Я работаю над приложением, в котором есть div, заполненный продуктами / субпродуктами. Я хотел бы иметь возможность перетаскивать продукты из списка продуктов в другой div.

Я хотел бы иметь возможность изменить порядок продуктов и субпродуктов в другом div.

Вот мой html: 

<div id="product-list">
   <div class="product">Product 1</div>
   <div class="sub-product">Product 1 - Sub Product 1</div>
   <div class="sub-product">Product 1 - Sub Product 2</div>
   <div class="sub-product">Product 1 - Sub Product 3</div>
   <div class="product">Product 2</div>
   <div class="sub-product">Product 2 - Sub Product 1</div>
   <div class="sub-product">Product 2 - Sub Product 2</div>
   <div class="product">Product 3</div>
</div>

<div id="wishlist">

</div>

Я видел этот пример: Перетащите div изнутри другого div

К сожалению, это не так. не работает для меня. У кого-нибудь есть предложения?

1 Ответ

1 голос
/ 02 августа 2020

Я попробовал, и вроде работает нормально. Я могу перетащить продукты и переставить их.

это js я использовал: 

$( function() {
    $(".product").draggable({
    containment: "#wishlist"
    });
    $(".sub-product").draggable({
    containment: "#wishlist"
    });
    $("#wishlist").droppable({
      drop: function( event, styles ) {
        $(this)
          .addClass("style-after-drop");
      }
    });
  } );

Посмотрите на эту скрипку:

https://jsfiddle.net/khushboo097/x0c1gy2r/96/

PS: скажите, если я что-то упускаю в вашем вопросе?

...