如何通过jquery更改对象嵌入源

我有以下情况..

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

我的脚本是：

 $("#song").click(function(){ var src=$(this).attr("href"); var plyr=document.getElementById("mplayer"); var clone=plyr.cloneNode(true); clone.setAttribute('src',src); plyr.parentNode.replaceChild(clone,plyr) });  

链接到选择音频文件。

XX21

而目标是

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

Answer 1

如果您有多个链接将加载歌曲，请使用类而不是ID，因为每个ID应该在页面上是唯一的。 然后，您可以执行此操作将嵌入的src更改为单击的链接的href：

 $('.song').on('click', function(e) { $('#mplayer').attr('src', $(this).attr('href')); e.preventDefault(); }); 

e.preventDefault()将阻止您的浏览器尝试转到文件的位置。

Answer 2

您需要阻止元素的默认执行。 链接的默认执行是 – 打开链接。

你可以做什么：

或

你需要添加event.preventDefault（）