draggable mcs是一个超小型的jQuery拖放插件，可以通过鼠标拖动来移动任何元素

通过一个简单的API，该插件允许您只需几行代码就可以向容器添加拖放功能。

如何使用它:

1.首先，您需要在文档中包含jQuery库和可拖动的mcs插件。

<link rel="stylesheet" href="/path/to/css/draggable-mcs.css">
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/src/draggable-mcs.js"></script>

2.接下来，创建一个具有标头标识符的DIV容器：

<div class="draggable">
  <div class="draggable-header">
    Drag Me
  </div>
  Draggable Content Here
</div>

3.最后，调用可拖动的mcs插件，使容器可拖动：

$(function () {
  $('div.draggable').draggable();
});

4.覆盖默认的可拖动标识符：

$(function () {
  $('div.draggable').draggable({
    headerIdentifier: '.draggable-header'
  });
});

5.设置可拖动DIV的初始位置。

$(function () {
  $('div.draggable').draggable({
    position: { 
      dock: '#dock', // dock to this element
      top: 50, 
      left: 0 
    } 
  });
});

如何使用它:

2023-03-10

• 修复了draggable-mcs.js中的lint问题
• 更新了draggable以停靠到元素并设置初始位置

预览截图

极简主义拖放插件 jQuery可拖动 mcs