Javascript 如何开发具有良好效果的jQuery拖放？

我需要创建jQuery拖放。当我放下应该发出声音的东西时，有人知道怎么做吗？我知道我们可以用HTML5音频标签和CSS和jQuery来实现这一点，但我需要一个示例代码来修改它

$（函数（）{ $（“#可拖动”）.draggable（）

//需要声音在我的下拉列表中吗

    $( "#droppable" ).droppable({
        drop: function( event, ui ) {
            $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                    .html( "Dropped!" );
        }
    });
});

//我的代码

   $("div#gameboard div").droppable({


        drop: function (event, ui) {
            {

                sendMessage("m " + this.id + " " +
                                 localToGlobal(imgID) + " " +
                                 $(ui.helper).css("left") + " " +
                                 $(ui.helper).css("top")

                            );


            }

           myAudio.src = 'audio/song.mp3';
        }
    });

---

我可能不完全正确，但这里有一些东西可能会帮助你：

var myAudio = document.createElement('audio');
myAudio.controls = true;
myAudio.src = 'Your File';
myAudio.play();

要使其在拖放时工作，您可以在拖放之前创建音频标记，每次拖放时只需点击play（）

我会在就绪功能中初始化音频标签：

$(document).ready(function() {

}

然后使用您的代码：

$( "#droppable" ).droppable({
    drop: function( event, ui ) {
        $( this )
            .addClass( "ui-state-highlight" )
            .find( "p" )
                .html( "Dropped!" );

        myAudio.play();
    }
});

---

}))

我必须将代码放在$（document）之外。ready（function（））使其在我的应用程序中工作：

    <script>
var myAudio = document.createElement('audio');
myAudio.controls = true;
myAudio.src = 'audio/beep.mp3';
myAudio.src = 'audio/beep.wav';
//myAudio.play();
</script>

var myAudio=document.createElement（'audio'）；
myAudio.controls=true；
myAudio.src='audio/beep.mp3'；
myAudio.src='audio/beep.wav'；
//myAudio.play（）；

---

然后，您只需在drop:函数代码中触发myAudio.play（）；即可。

您能给我更具体的说明吗？您能给我一个drag item中的示例吗