[jquery] HTML 테이블과 함께 정렬 가능한 jQuery UI 사용

Program / 글쓴이

데이터베이스의 일부 데이터를 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끌린다는 것입니다. 또한 가장 중요한 것은 첫 번째 행만 드래그 할 수 있다는 것입니다. 효과가 다른 행에는 적용되지 않습니다. 어떻게 해결할 수 있습니까?

답변

당신은 호출 할 수 있습니다 sortable에 <tbody>대신 개별 행에.

<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>
    </tbody>
</table>​

<script>
    $('tbody').sortable();
</script>

코드 스 니펫 표시

답변