Я хочу вивести деякі дані з бази даних у таблиці HTML, і я хочу, щоб користувач міг змінити порядок рядків таблиці. Для досягнення цього я використав jQuery UI для сортування, таким чином:
<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
атрибути повинні бути унікальними в документі. Ваш код створює кілька елементів з однаковимid
(sortable
). Спробуйте використовуватиclass
замість цього.