Ticket #5863: sortable_cancel_problem.html

File sortable_cancel_problem.html, 1.0 KB (added by pboyd, 13 years ago)

Move the second item in the list to see the problem.

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3    <head>
4        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5        <title></title>
6        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
7        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js" type="text/javascript"></script>
8        <script type="text/javascript">
9            $(function() {
10                $("ol").sortable({
11                    start: function(event, ui) {
12                        if (ui.item.hasClass('nodrag')) {
13                            $(this).cancel();
14                        }
15                    }
16                });
17            });
18        </script>
19    </head>
20    <body>
21        <ol>
22            <li>Item #1</li>
23            <li class="nodrag">Item #2</li>
24            <li>Item #3</li>
25        </ol>
26    </body>
27</html>