jQuery可拖动的表元素

jQuery的draggable功能似乎不适用于表(在FF3或Safari中).这是一种很难想象如何将工作,所以它不是令人惊讶的是它没有.

  
  
  
  
  
  
    

      

        
Foo
        
Bar
      
      

        
Spam
        
Eggs
      
    
    

      
Foo
Bar
      
Spam
Eggs
    
  

我想知道a)是否有任何具体原因导致这不起作用(从w3c/HTML规范角度来看)和b)获得可拖动表行的正确方法是什么.

我喜欢真正的桌子,因为边框折叠和行高算法 - 任何可以做这些事情的替代方案都可以正常工作.

1> Ariel Popovs..：

---

有一种方法可以使用JQuery UI使表行可拖动.您需要做的就是将一个辅助选项设置为一个函数,该函数返回一个新的div,其中包含一个表,它将托管您正在拖动的行:

helper: function(event){
return $('
').find('table').append($(event.target).closest('tr').clone()).end();
},

向David Petersen致谢:http://blog.petersendidit.com/post/drag-table-row-to-a-div-with-jquery/

---

好技术!在使用它时,不要忘记你的`$ .droppable()`元素上的任何`drop`回调仍然可以引用`ui.draggable`属性来定位原始的row元素.所以你不需要牺牲任何功能,同时使用一个稍微有点时髦的助手(希望有意义)

2> VonC..：

---

如果你有真正的表格数据,你应该坚持使用表格.

如果你想在表格中拖动行,这个JQuery +"draggable row table"库在FireFox3中完美运行

---

不知道是否故意,但你的答案完全押韵:)

---

@AndresIlich我试着再次看一下这个答案,/希望能抓住一个副歌/这将说明一些设施/英语写作能力/但我发现这种努力是徒劳的.(http://english.blogoverflow.com/2011/11/the-basics-of-limerick-composition/)

3> Enigma Plus..：

---

万一有人犯同样的错误我做了:

如果你想通过拖动它们来重新排序表中的TR,那么.sortable就是你需要的而不是.draggable

只有我？