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

Question

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

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

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

非常感谢!

Answer 1

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

这是一个 fiddle : 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>​