2015-07-15 4 views
1

Я пытаюсь использовать код jQuery Sortable, чтобы позволить клиенту сортировать строки в таблице. Однако, как показано в этом fiddle, все , за исключением, происходит перетаскивание строк. Я следил за всем в примере на веб-сайте Sortable, включая проверку кода конца, но он все еще, кажется, терпит неудачу.jQuery Сортировка по строкам таблицы не переносится

код 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; 
} 

+1

Вы не включили библиотеку jQuery в свой JSFiddle. Может ли это быть проблема? https://jsfiddle.net/deu4enb7/3/ – showdev

+0

Каково ожидаемое поведение? – JohnKiller

+0

@showdev Ну ... да ... да, было. – Trasiva

ответ

0

Это д uestion нуждается в закрытии, но это была ошибка luser, не включающая jQuery в библиотеку JSFiddle.