使用<audio> </audio>元素拖动div

Question

您知道是否可以将具有200px和<audio></audio>元素的div拖放到可放置区域中，并且当删除div时div会将大小更改为具有根据声音持续时间（例如每秒1px）的大小？

https://jsfiddle.net/hfy3dwf5/4/

没有div大小部分的代码：

$(function() {   
     $(".drag").draggable({
        revert: 'invalid'
      });
      $(".drop").droppable({
        drop: function( event, ui ) {

        }
      });
  });

Answer 1

因此，如果我没有将您的问题陈述错误，您可以尝试以下

$(".drop").droppable({
   drop: function(event, ui){
       var audlen = $('audio').duration;
       $(ui.draggable).css({width:audlen + 'px'});
   }
});