Перетаскивание панелей в WebPage с использованием javascript, css, html

Question

Я новичок в этом JQuery, мне нужно, чтобы две панели перетаскивались друг на друга, я могу переместить панель 2 на панель 1, но я не могу переместить панель с панели 1 на панель 2, может ли 1 найти мою проблему здесь

http://jsfiddle.net/Navya/74SHy/

Answer 1

Hiya см. Рабочую демонстрацию здесь : http://jsfiddle.net/74SHy/59/

Очень хороший вопрос;поэтому проблема tolerance, и добавление этой строки исправит вашу проблему tolerance: 'pointer', Я могу объяснить больше, но я думаю, что все события задокументированы здесь: http://jqueryui.com/demos/sortable/#option-tolerance

Код Jquery

  // When the document is ready set up our sortable with it's inherant function(s)
  $(document).ready(function() {
    $("#test-list").sortable({
         containment: 'parent',
          handle : '.handle',
          tolerance: 'pointer',
          update : function () {
          var order = $('#test-list').sortable('serialize');
       }
    });
});


​

Это поможет, ура!

Answer 2

Вы должны удалить опцию ручки:

http://jsfiddle.net/74SHy/23/

новый код:

 $("#test-list").sortable({
     containment: 'parent',
    //removed the handle
      update : function () {
      var order = $('#test-list').sortable('serialize');
   }
});