JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.pep/0.4.0/jquery.pep.min.js"></script>
<div id="btn1">#btn1</div>
<div id="parent"></div>

JavaScript

$(function(){
    $("#btn1").click(function(){
        $("#parent").append('<div class="pep peppable"><img src="https://placehold.jp/24/99cc99/339933/350x150.png?text=1.png" alt="1の画像" height="35" style="position: absolute; z-index: 3;"></div>');
       
      $('.pep.peppable').pep({
          drag: function(ev, obj) {
                  console.log(ev);
                  console.log(obj.activeDropRegions);
              }
      });
    });
});