Тема: Sortable и Drop
Показать сообщение отдельно
  #1 (permalink)  
Старый 27.07.2012, 17:05
sys sys вне форума
Новичок на форуме
Отправить личное сообщение для sys Посмотреть профиль Найти все сообщения от sys
 
Регистрация: 27.07.2012
Сообщений: 2

Sortable и Drop
Вообщем требуется следующие..
Есть товары которые можно перетаскивать на два разных списка
<ul>
      <li class='item'><b>Soya Milk</b></li>
      <li class='item'>Bread</li>
      <li class='item'>Water</li>
    </ul>
    <ul id="names">
	<li class='list'></li>
	<li class='list'></li>
	<li class='list'></li>
    </ul>


$(document).ready(function() {
	  $('#names').sortable({ containment: 'document', tolerance: 'pointer', cursor: 'pointer', revert: true});
	
	  $('li').draggable({ containment: 'document', revert: true,
	  start: function() {
	    contents = $(this).text();
	  }
	  });
	  
	  $('.list').droppable({ hoverClass: 'border', accept: '.item',
	      drop: function() {
		$('.list').append(contents + '<br/>');
	      }
	    });
	  
	  $(document).ready(function() {
            $('li').draggable({ containment: 'document', revert: true,
            start: function() {
            contents = $(this).text();
          }
         });
         $('.list').each(function(){
           $(this).droppable({ hoverClass: 'border', accept: '.item',
           drop: function() {
             $(this).append(contents + '<br/>');
           }
         });
        });
       });
	  
	  
      });


Слова перетаскиваются как нужно, в два разных списка, затем, мне необходима возможность сортировать эти списки с помощью Sortable. Но при подключении, сортировать их не получается. Судя по итогу, sortable конфликтует с droppable. Работал ли кто-то с похожим примером, могли бы пожалуйста подсказать в чем может быть проблема.

Последний раз редактировалось sys, 27.07.2012 в 17:09.
Ответить с цитированием