拖动带有<音频></音频>要素

Drag div with an <audio></audio> element

本文关键字：音频 gt lt 要素 拖动      更新时间：2023-09-26

您知道是否可以将具有200px和<audio></audio>元素的div拖动到可丢弃区域中，并且当该div被丢弃时，div会更改大小，使其大小与声音持续时间（例如每秒1px）一致吗？

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

没有div大小部分的代码：

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

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

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