在WebPage中使用javascript，css，html拖放一個面板

Question

我對這個JQuery很陌生，我需要兩個面板可以互相拖動，我可以將panel2移動到面板1但我無法將電影panel1在以面板2可以在任何1，請找我的問題在這裏

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

Answer 1

你好看到這裏工作演示：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'); 
    } 
});