如何解決儀表板插件中的小部件？

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>​