JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://codeorigin.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="draggable" class="ui-widget-content">
    <p class="ui-widget-header">drag with handle</p>
</div>
<div id="draggable2" class="ui-widget-content">
    <p>drag from content</p>
    <p class="ui-widget-header">not drag with handle</p>
</div>

JavaScript

$("#draggable").draggable({handle:"p"});
$("#draggable2").draggable({cancel:"p.ui-widget-header"});