Показать сообщение отдельно
  #1 (permalink)  
Старый 21.07.2015, 15:31
Интересующийся
Отправить личное сообщение для Arx777 Посмотреть профиль Найти все сообщения от Arx777
 
Регистрация: 20.02.2015
Сообщений: 25

Вывод № позиции при перемещение элемента
Не могу придумать способ для вывода номераци позиции (точнее могу, но не универсальный) элемента при перемещение jquery ui sort.
Т.е. если мы перетащим 1 элемент между 3 и 4, чтоб в alert вывилось (3-номер позиции: так как 2 и 3 элемент теперь над ним)



<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Sortable - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <style>
        #one {color: red}
        #two {color: green}
        #three{color: blue}
        #four{color: violet}
    </style>
<script>
$(function() {
            $( "tbody" ).sortable();
            $( "tbody" ).disableSelection();
        });
</script>
</head>
<body>
<table>
    <tbody>
    <tr id="one">
        <td>1</td>
    </tr>
    <tr>
        <td id="two">2</td>
    </tr>
    <tr id="three">
        <td>3</td>
    </tr>
    <tr id="four">
        <td>4</td>
    </tr>
    <tbody>
</table>
</body>
</html>

Последний раз редактировалось Arx777, 21.07.2015 в 15:37.
Ответить с цитированием