绑定HTML5音频监听事件，jQuery .ajax()和.html()函数

Question

我试图实现以下效果:我有一个HTML5音频元素使用mediaelement.js与播放列表。我想激活一个服务器查询每一个变化的轨道(播放，下一个等)。我使用的是HTML5"播放"事件，到目前为止一切顺利。我通过AJAX发送当前音频标签的属性(src在我的情况下)到PHP脚本，它工作正常，但我想把HTML结果从meta.php到页面中的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()方法什么都不做之外，一切都按预期工作。任何帮助都会很感激。谢谢你！

Answer 1

你的HTML应该是

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

不是

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

选择器调用$('#nowPlaying')选择id为nowPlaying的元素，而不是id为#nowPlaying的元素