jquery ui可拖動將tr轉換爲div

Question

我有一個有很多行的大表，每個表都有一個拖動處理程序。

我將使用哪個事件以便我可以修改HTML並將<tr>更改爲<div>？

Answer 1

你想要一個自定義的幫手。看到這個問題：Custom helper for jQuery UI Draggable

基本上，你想包裝你的內容在div而不是tr。這樣做的後果將是，你現在有td作爲div的孩子不會飛！所以，你可以做兩件事情之一：

1. 可以去掉剛剛從該行甚至特定字段（SO問題我張貼的正是這樣做的 - 只是拉動某些元素爲拖動）內容
2. 您可以代替使用tr將包裝在表格元素中，使拖動事件成爲有效的獨立DOM片段，即拖動完整表格。

編輯：基於您的評論，做一些事情，你會單元1轉換爲h1和小區2到p，你會怎麼做：

$('selector').draggable({ 
    helper: function() 
    { 
    var $ret = $("<div></div>"); 
    $ret.append('<h1>' + $(this).find('td:nth-child(1)').text() + '</h1>'); 
    $ret.append('<p>' + $(this).find('td:nth-child(2)').text() + '</p>'); 
    // ... 

    return $ret; 
    } 

});