JQuery организовать сортировку, организовать по идентификаторам - PullRequest
Новая
       15

JQuery организовать сортировку, организовать по идентификаторам

0 голосов
/ 04 октября 2018

Это структура HTML. Я сделал li сортируемым с помощью jquery.но хочу, чтобы список с id = type1 всегда держался вместе и type2 был отдельным.И type2 не должно быть подвижным внутри списков с is type1

 <div id="container" class="container">
      <li id="type1" class="type1">Option 1<li>
      <li id="type1" class="type1">Option 2<li>
      <li id="type1" class="type1">Option 3<li>
      <li id="type1" class="type1">Option 4<li>
      <li id="type2" class="type2">Option 5<li>
      <li id="type2" class="type2">Option 6<li>
    </div>

Я запутался, как я могу добиться этого с помощью jQuery.Пожалуйста, помогите. Спасибо

1 Ответ

0 голосов
/ 10 октября 2018

Я пытался решить вашу проблему с помощью jQuery UI.Ниже приведен код.Надеюсь, это поможет. 

$('container').sortable()
$('.container-type').sortable()
.type1, .type2{
  display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="container" class="container">
  <ul class="container-type">
    <li id="type1" class="type1">Option 1</li>
    <li id="type1" class="type1">Option 2</li>
    <li id="type1" class="type1">Option 3</li>
    <li id="type1" class="type1">Option 4</li>
  </ul>
  <ul class="container-type">
    <li id="type2" class="type2">Option 5</li>
    <li id="type2" class="type2">Option 6</li>
  </ul>
</div>
...