2011-11-29 105 views
1

我有一个表有5行,并有数据在它有jQuery中的任何拖放功能,我可以用来改变表内数据的顺序,因为我是新来的jQuery我没有任何想法如何实现此任何帮助jquery拖放在一张表

+1

你做了什么/试过这么远?这是一个相当薄弱的解释。 – OptimusCrime

+0

我已经创建了表格,其中的内容现在需要开始编写jQuery功能来实现它 –

回答

0

Jquery UI支持拖放。这对你有好处吗?

http://jqueryui.com/demos/draggable/

您需要下载JQuery用户界面,并在您的项目。这是一个插件的主要JQuery的项目,所以需要单独列入您的网页

http://jqueryui.com/download

也许排序表函数可能会更好

http://jqueryui.com/demos/sortable/

+0

感谢您的答复,但它不够好,我的要求我需要拖放一个包含多行的表内 –

+1

@Mathew Paul我添加了另一个链接。如果它有任何帮助 –

+0

非常感谢http://jqueryui.com/demos/sortable/是有用的 –

2

在这里,你去与使用的jQuery UI。

样品表:

<table class="list"> 
    <tbody> 
     <tr class="sep"> 
      <td>Foobar</td> 
     </tr> 
    </tbody> 
</table> 

样品JS:

$('table.list tbody').sortable({ 
    disabled: false, 
    items: 'tr.sep', 
    // handle: 'span.ui-icon-arrowthick-2-n-s', 
    opacity: 0.7, 
    axis: 'y', 
    forceHelperSize: true, 
    update: function(e, ui) { 
     var currentTr = ui.item; 
     // do some stuff... 
    } 
}).disableSelection(); 
+0

它说对象不支持此属性或方法 –

+0

尝试没有.disableSelection()。确保你已经在你的Document中加载了jQuery + jQuery UI。 – riyuk

+0

- 适用于JSFiddle:http://jsfiddle.net/fKvv3/ – riyuk