Jquery UI Сортируемый триггер событие Toggle - PullRequest
Новая
       0

Jquery UI Сортируемый триггер событие Toggle

0 голосов
/ 01 июля 2011

У меня есть простой список, который я могу отсортировать с помощью Jquery UI.

Содержимое одного (или нескольких) элементов состоит из двух элементов div, одно - заголовок, а другое - содержимое.Заголовок привязан к событию переключения, которое скрывает или показывает содержимое.

Проблема возникает, когда я перетаскиваю элемент с событием toogle, происходит то, что даже запускается событие, а содержимое скрывается или отображается.

есть ли способ предотвратить это?

Вот пример проблемы: 

$("#list").sortable({
  placeholder: "taskPlaceHolder",
  stop: function(e, ui) {

    //code here
    ui.item.fadeTo(250, 1);
  },
  start: function(e, ui) {

    //code here
    ui.item.fadeTo(250, .5);
  }
}).disableSelection();

$("#title").toggle(

  function() {
    $("#content1").hide(500);
  },
  function() {
    $("#content1").show(500);
  });
body {
  color: white
}

.red {
  background: red;
}

.green {
  background: green;
}

.blue {
  background: blue;
}

.taskPlaceHolder {
  border: 3px dashed yellow;
  background-color: #fff;
  height: 40px;
  padding: 8px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.8.14/jquery-ui.min.js" integrity="sha256-8vGrOiH2JPV0k8i9YHEcVFr10iQ53qDbkN4ir8mJFFQ=" crossorigin="anonymous"></script>
<ul id="list">
  <li class="red">
    <div id="title">1 - XXXXXXXX</div>
    <div id="content1">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  </li>
  <li class="blue">2 - XXXXXXXX</li>
  <li class="green">3 - XXXXXXXX</li>
</ul>

Перетащите элемент в КРАСНЫЙ

1 Ответ

0 голосов
/ 02 июля 2011

Я понял это, если у кого-то есть такая же проблема: мне не на 100% понятно почему, но, видимо, "FadeTo" как-то сбрасывает элемент, и это вызывает другое событие.

Iнадеюсь, это поможет.

...