Question

我尝试使用jQuery Sortable代码能够让客户对其表行进行排序。但是，正如此fiddle中所示，除了之外，所有行都会出现拖放行。我在Sortable网站上的示例中跟踪了所有内容，包括检查后端代码，但它似乎仍然失败。

jQuery代码

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

CSS代码

body.dragging, body.dragging * {
    cursor: move !important;
}
.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}
.sorted_table tr {
    cursor: pointer;
}
.sorted_table tr.placeholder {
    display: block;
    background: red;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}
.sorted_table tr.placeholder:before {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    left: -5px;
    border-right: none;
}

Answer 1

这个问题需要关闭，但这是一个luser错误，无法将jQuery包含在JSFiddle库中。

表行上的jQuery Sortable无法移动

1 个答案: