Question

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

dragable
ajax for request
等

找到ajax我。它也有效。但我有jquery活动div的问题（我从csstrick发现它）你可以通过这个link

我的问题是：如何创建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移动.title 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);
    }

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

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

更新了您的笔：codepen.io/anon/pen/sdBwo

可移动div但只有div标头移动所有div内容

1 个答案: