Breaking News: Grepper is joining You.com. Read the official announcement!

jquery sortable handle

Add Answer

Wild Weevil answered on May 4, 2021 Popularity 9/10 Helpfulness 2/10

answer jquery sortable handle

related sortable jquery

related jquery sortable with ajax

jquery sortable handle

Comment

1
2
3
$( ".selector" ).sortable({
  handle: ".handle"
});

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: api.jqueryui.com

Tags: handle javascript jquery

Link to this answer
Share Copy Link

Contributed on Mar 23 2023

Wild Weevil

0 Answers Avg Quality 2/10

Closely Related Answers

sortable jquery

Comment

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Sortable - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
  #sortable li span { position: absolute; margin-left: -1.3em; }
  </style>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
  } );
  </script>
</head>
<body>
 
<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>
 
 
</body>
</html>

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: jqueryui.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 04 2021

Sparkling Starling

0 Answers Avg Quality 2/10

jquery sortable with ajax

Comment

dfsdfsdfsdf

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: ajax javascript jquery

Link to this answer
Share Copy Link

Contributed on Jul 10 2021

Plain Pintail

0 Answers Avg Quality 2/10

jquery sortable handle

Contents

More Related Answers

jquery sortable handle

Closely Related Answers

sortable jquery

jquery sortable with ajax

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.