绑定HTML5音频侦听事件、jQuery.ajax（）和.html（）函数

我试图实现以下效果：我有一个HTML5音频元素，使用mediaelement.js和播放列表。我想在每次更改曲目（播放、下一步等）时激活服务器查询。我正在使用HTML5“播放”事件，到目前为止还不错。我正在通过AJAX将当前音频标记的属性（在我的例子中是src）发送到一个PHP脚本，它工作正常，但我想将meta.PHP的HTML结果放在页面的一个div中

以下是我的JS代码：

$(document).ready(function() {
$("audio#mejs").on('playing',function(){
    var source = $('#mejs').attr('src');
    $.ajax({
        url: "meta.php",
        type: "GET",
        data: "a=" + source,
        dataType: 'html',
        success: function(data) {
            $('#nowPlaying').html(data);
            alert(data);
        }
    });
});
});

HTML元素直接位于body标记中：

<audio id="mejs" type="audio/mp3" width="600" height="64" src="http://"></audio>
<div id="#nowPlaying"></div>

我想我遗漏了一些基本的东西，我对JS/jQuery很陌生。除了.html（）方法什么都不做之外，其他一切都正常工作。。任何帮助都将不胜感激。谢谢大家!

您的HTML应该是

<div id="nowPlaying"></div>

而不是

<div id="#nowPlaying"></div>

---

选择器调用

$（“#nowPlaying”）

选择id为

nowPlaying

的元素，而不是id为

#nowPlaying
的元素。控制台中有任何错误吗？您的
id真的是11个字符的序列
\nowPlaying
，或者是10个字符的序列
正在播放
？控制台中除了从meta.php获取200 OK外，没有其他内容。ID还可以，我花了一个小时复制和粘贴它：）11个字符！我很尴尬。。。这是ID中的哈希。。。。非常感谢，我在这里的第一篇帖子是为了一件蹩脚而愚蠢的事情！