javascript - 使用 jquery 更改 embed src 的值

Question

我有以下场景..

当用户访问我的网站时，我会向用户展示一些来自服务器的音频文件。当用户单击一个链接时，最终会执行 jquery 函数并将嵌入对象的源更改为所选文件。

代码在此链接中给出。我得到了这个问题的一些答案，但问题没有解决。

发生在我身上的是，当我点击链接时。歌曲在新页面播放。我需要在div.

Answer 1

试试这个：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
  $(function(){
    $(document).on('click', "#song", function(e){
      e.preventDefault(); //<----------stops to navigate to link
      var musicSrc = $(this).attr('href');
      $('#music').find('embed').attr('src', musicSrc);
    });
  });
</script>

笔记：

确保首先加载 jQuery 库：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

Answer 2

当然，它不起作用。该事件应在页面加载后添加。使用 jquery，它看起来像这样：

<script type="text/javascript">
$(function () {
    $(".song").click(function(e) {
        $('#mplayer').attr('src', $(this).attr('href'));
        e.preventDefault();
    });
});
</script>