JSFiddle - React, Tailwind, and code Playground

no polymorphism in the widget factory

by Andrei Picus

HTML

<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div class="a" id="s1">
    <div class="aa">1</div>
    <div class="aa">2</div>
    <div class="aa">3</div>
</div>

CSS

.a div {
    width: 20px;
    height: 20px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #999;
    text-align: center;
}

.a {
    float: left;
    margin-right: 50px;
}

.b {
    width: 20px;
    height: 20px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ccc;
    text-align: center;
}

.c {
    float: left;
}

JavaScript

$.widget("nighttrax.myplugin", $.ui.sortable, {
    _create: function() {
        this.element.addClass("myplugin");
        this._super();
        
        this.element.on("sortstart", function() {
            alert("start");
        });
    }
});

$(".a").myplugin().disableSelection();