あくまで自分用の覚え書きなので文章とか適当です...

jQueryとjQuery UIを読み込んだ後に以下のjQuery UI Touch Punchも読み込む

https://github.com/furf/jquery-ui-touch-punch

HTML

<body>
<div id="js-drag">
    <img src="bar.png" alt="">
    <div class="draggable-img">
        <img src="foo.png" alt="ドラッグしてね">
    </div>
</div>
<script src="..path../jquery-3.5.1.min.js"></script>
<script src="..path../jquery-ui-1.13.2.min.js"></script>
<script src="..path../jquery.ui.touch-punch.min.js""></script>
<script src="..path../script.js"></script>
</body>

jQuery

jQuery(function ($) {
    $(".draggable-img").draggable({
        containment: "#js-drag"
    });
});
スポンサーリンク