jquery - 如何修复仪表板插件中的小部件？

Question

我正在尝试根据我的需要调整此处演示的插件http://www.gxdeveloperweb.com/dashboardplugin/demo/dashboard.html。

最紧迫的是小部件必须有参数（例如在配置文件中）——小部件位置在方案上是“固定的”或“不固定的”。

那么我怎么能做到这一点以及如何使小部件不可拖动？

提前谢谢了！

Answer 1

您可以只添加拥有items属性，并且只拥有没有固定类的项目。

这是一个小提琴：http: //jsfiddle.net/MadLittleMods/DUSKm/

以及这里的简单代码：

jQuery：

$('#container').sortable({
    items: '.item:not(.fixed)'
});
$('#container').disableSelection();
​

HTML：

<div id="container">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item fixed">Item 3</div>
    <div class="item">Item 4</div>
</div>​