Jquery-sortable不显示红色箭头

Question

我正在为我的表使用http://johnny.github.io/jquery-sortable/来拖动和排序元素。 但是当我开始拖动项目时，我遇到显示红色箭头的问题。红色箭头似乎缺失了......这里有人知道如何显示它吗？

这是我到目前为止尝试过的JavaScript代码：

$(document).ready(function () {
        $('.sorted_table').sortable({
            containerSelector: 'table',
            itemPath: '> tbody',
            itemSelector: 'tr',
            placeholder: '<tr class="placeholder"/>'
        });
});

以下是相关的html：

<table id="listOfFile" class="table table-hover sorted_table">
                    <thead class="head">
                        <tr>
                            <td class="filename">File name</td>
                            <td class="type">Type</td>
                            <td class="detail">Details</td>
                            <td class="status">Status</td>
                            <td></td>
                        </tr>
                    </thead>
                    <tbody class="body">
                    </tbody>
                </table>

Answer 1

你需要添加样式....像这样：

 /** Define arrowhead **/
.sorted_table tr.placeholder:before {
    content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-left-color: red;
    border-right: none;
}