javascript - 如何将 Gridster 与 div(不是 ul)一起使用

标签 javascript jquery jquery-ui drag-and-drop gridster

我正在尝试使用 Gridster ,jQuery 拖放库。但是,我的 HTML 具有此 JSFiddle ( http://jsfiddle.net/twashing/4xc6s/5/) 中的结构。而且我无法让 gridster 工作。即,不会发生拖放行为。

我的 HTML 结构有 div,而不是无序列表 (ul > li) 中的列表项。 i) 这是我想要拖动的 .section-box 类,并相互替换。我怎样才能用 Gridster 做到这一点?

ii) 除此以外,如果可能的话,我什至可以将表格行 ( tr ) 元素设为可拖动的元素。

JSFiddle:http://jsfiddle.net/twashing/4xc6s/5/

HTML


    
        
            
人猿星球
1
2
添加相关画面
到这个部分

Javascript

$(函数() {
    $("tbody > tr > td").gridster({
        widget_margins: [5, 5]
    })
});

谢谢

最佳答案

我会尝试这样的事情:

$(function() {
    $("tbody tr").gridster({
        widget_margins: [5, 5],
        widget_selector: "> td"
    })
});

但是您缺少 .data('gridster') 部分。

关于javascript - 如何将 Gridster 与 div(不是 ul)一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14466151/

相关文章:

javascript - 在通常放置 var 的地方使用 type 关键字是什么?

jquery - 如何根据字符串 w id 检索 JQuery 对象?

javascript - 在 Chrome 扩展程序中将设置从选项页面交换到内容脚本

javascript - Jquery:如何为页面上的多个搜索字段启用自动完成功能?

jQuery 在鼠标悬停时暂停延迟计时器

javascript - 更新父页面上的 Div,最好使用 jQuery

javascript - 复选框值 0 或 1

javascript - 可以使用 JavaScript 将插入符号滚动到单个 HTML 文本字段内的 View 中吗?

jquery - 使用 connectwith 进行多重遏制

javascript - 将用户数据传递到 meteor 模板时无法读取未定义错误的属性