使用jquery更改embed src的值

时间:2013-02-19 11:29:51

标签: javascript jquery

我有以下情况..

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

代码在此link中给出。 我得到了一些问题的答案,但问题没有解决。

当我点击链接时,发生了什么事。这首歌在新的页面播放。我需要在div内播放带有嵌入对象的歌曲。

2 个答案:

答案 0 :(得分:2)

试试这个:

<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>

答案 1 :(得分:1)

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

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