Skip to content
Related Articles
Open in App
Not now

Related Articles

jQuery UI Sortable Cursor Option

Improve Article
Save Article
  • Last Updated : 01 Dec, 2021
Improve Article
Save Article

jQuery UI Sortable Widget cursor Option is used to define the cursor that is being shown while sorting the elements.

Learn more about jQuery here.


$( ".selector" ).sortable({
  cursor: "move"

Approach: First, add jQuery UI scripts needed for your project.

<link rel=”stylesheet” href=”//”>
<link rel=”stylesheet” href=”/resources/demos/style.css”>
<script src=””></script>
<script src=””></script>



<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery UI Sortable Widget cursor Option</title>
    <link rel="stylesheet" 
    <link rel="stylesheet" 
        #sortable {
            list-style-type: none;
            width: 50%;
        #sortable li {
            margin: 10px 0;
            padding: 0.5em;
            font-size: 25px;
            height: 20px;
        $(function () {
                cursor: "move"
        <h1 style="color: green;">GeeksforGeeks</h1>
        <h4>jQuery UI Sortable Widget cursor Option</h4>
        <ul id="sortable">
            <li class="ui-state-default">BCD</li>
            <li class="ui-state-default">CAB</li>
            <li class="ui-state-default">BAC</li>
            <li class="ui-state-default">BCA</li>
            <li class="ui-state-default">ABC</li>


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!