可移動的div，但只有div頭移動所有的div內容

Question

我想使一個應用程序看起來像Windows資源管理器。我在搜索什麼，我需要建立我的應用程序。

1. dragable
2. AJAX請求爲
3. 等

對AJAX我被發現。它也可以工作。 但我有jQuery的可移動格問題（我發現它從csstrick） 你可以看到我是從這個link

我的問題codepen所做的是： 如何創建jQuery的活動，但只有頭部可以移動整個div。？ 請不要建議我使用jquery ui或jquery easy ui。我只想從0開始構建我的應用程序，而不是像ui/easyui那樣使用就緒框架。 我對jquery/javascript不太瞭解。但有了這個應用程序，我想了解，爲什麼我不使用ui/easyui。

如果你有鏈接/谷歌建議關鍵字請求告訴我。 對於我的語法或我的語言感到抱歉。

感謝您的支持。

編輯1：

出租以虛設碼說的是這樣的。

<div class="move"> 
<div class="title">This is title</div> 
<div class="content"></div> 
</div> 

如果我使用csstrick的代碼就像我在codepen中做的例子。我可以在move區域移動div。但我想要的是我可以移動move div只是從.title。

EDIT 2 這LINK是原來csstrick腳本

編輯3.

我發現我想要什麼。

Draggable div without jQuery UI

Answer 1

仔細查看您的代碼：

opt = $.extend({handle:"",}, opt); 
    //if handle is empty drag by its container, else with the handle element 
    if(opt.handle === "") { 
     var $el = this; 
    } else { 
     var $el = this.find(opt.handle); 
    } 

正如你可以看到你可以指定一個selector到手柄拖動，只需要通過你的頭選擇。

$('.widget').drags({handle:".title"}); 

更新你的筆：codepen.io/anon/pen/sdBwo