javascript - 重新排列区域内的图 block

标签 javascript jquery html jquery-ui-sortable tiles

我正在尝试创建一个可以重新排列的图 block 网格。瓷砖有不同的尺寸。这是我的进展情况。

http://jsfiddle.net/psivadasan/dMtRs/

如何防止图 block 在灰色区域之外重新排列?我不希望发生这种情况: http://i.imgur.com/0JAfY.png

感谢任何帮助。

最佳答案

只需使用 containment 选项:这将阻止元素被拖到外面。

$('ul').sortable( "option", "containment", 'parent' );

http://jsfiddle.net/dazefs/dMtRs/7/

关于javascript - 重新排列区域内的图 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10745140/

相关文章:

javascript - return true 实际上使用 async 返回 undefined

javascript - 获取打开的弹出窗口列表

javascript - IE 8 无法识别 JSON、选项?

jQuery 检查视口(viewport)大小和触发函数

javascript - 具有多个元素的 Bootstrap 轮播

javascript - 用一些东西代替 <span> 以有效的方式包裹 <ul>

javascript - 高亮显示 div onclick

javascript - 脚本仅在窗口大于 div 时运行

c# - MVC3 - 在同一 View 上多次使用模板

javascript - 单击另一个页面时 Navbar Active 不会改变