javascript - 可移动的 div 但只有 div 标题才能移动所有的 div 内容

Question

我想让一个应用程序看起来像 Windows 资源管理器。我正在搜索构建我的应用程序所需的内容。

1. 可拖动
2. 请求ajax
3. 等等

对于 ajax，我被发现了。它也能正常工作。 但我对 jquery moveable div 有疑问(我从 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。但我想要的是我可以从 .title 移动 move div。

编辑 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);
    }

如您所见，您可以指定一个选择器来处理拖动，只需要传递您的标题选择器即可。

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

更新了你的笔:codepen.io/anon/pen/sdBwo