Я хочу вывести некоторые данные из базы данных в таблицу HTML, и я хочу, чтобы пользователь мог изменять порядок строк таблицы. Для этого я использовал jQuery UI sortable, таким образом:
<script>
$(function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
});
</script>
<?php
while($row = mysql_fetch_assoc($co_authors)) {
echo "<tr id='sortable'><td>{$row['author_email']}</td>
<td>{$row['coauthor_level']}</td>";
<td><button class='remove' id='remove' name='remove' email="<?php echo $row['author_email'] ?>"
paper="<?php echo $row['paper_id'] ?>">Remove</button></td>
</tr>";
}
?>
Проблема в том, что когда я перетаскиваю таблицу tr
, td
перетаскиваются только . Кроме того, что наиболее важно, можно перетаскивать только первую строку: эффект не применяется к другим строкам. Как я могу это решить?
id
атрибуты должны быть уникальными в пределах документа. Ваш код создает несколько элементов с помощью sameid
(sortable
). Попробуйтеclass
вместо этого использовать.