jQuery Gridly是一個基于jQuery和HTML5 Drag-and-Drop API的輕量級網格布局插件。它可以幫助開發者在網頁中快速創建自適應網格布局，并且支持拖拽和排序功能。

使用jQuery Gridly非常簡單，只需要引入相應的JS和CSS文件，并在HTML中定義一個含有固定高度的容器元素即可。例如：

<div class="gridly">
<div class="brick">Brick 1</div>
<div class="brick">Brick 2</div>
<div class="brick">Brick 3</div>
</div>

上述代碼中，gridly類代表網格容器，brick類代表網格中的元素。在CSS中，可以對這些類進行樣式定義，并使用gridly()方法來初始化插件。例如：

.gridly {
width: 100%;
height: 500px;
}
.brick {
width: 200px;
height: 200px;
border: 1px solid black;
padding: 10px;
}

$(".gridly").gridly({
base: 200,         // 網格大小為200px
gutter: 20,        // 間隔為20px
columns: 6         // 一行顯示6個網格
});

以上代碼中，base、gutter和columns分別代表網格大小、間隔和列數。使用gridly()方法來初始化插件后，我們即可享受拖拽排序的愉悅了。

總結來說，jQuery Gridly是一款輕量級、易用的網格布局插件，可以方便的實現自適應網格布局和拖拽排序功能。