Javascript 使用jquery更改嵌入src的值
我有下面的场景 当用户访问我的网站时,我会向用户显示服务器上的一些音频文件。当用户单击一个链接时,最终执行jquery函数,并将嵌入对象的源更改为所选文件 本节给出了代码。 这个问题我得到了一些答案,但问题还没有解决 对我来说,当我点击链接时。这首歌在新的一页播放。我需要在Javascript 使用jquery更改嵌入src的值,javascript,jquery,Javascript,Jquery,我有下面的场景 当用户访问我的网站时,我会向用户显示服务器上的一些音频文件。当用户单击一个链接时,最终执行jquery函数,并将嵌入对象的源更改为所选文件 本节给出了代码。 这个问题我得到了一些答案,但问题还没有解决 对我来说,当我点击链接时。这首歌在新的一页播放。我需要在div中播放嵌入对象的歌曲尝试以下操作: <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script>
div中播放嵌入对象的歌曲
尝试以下操作:
<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>
$(函数(){
$(文档)。在('点击',“#歌曲”,功能(e){
e、 preventDefault();//当然它不起作用。事件应该在页面加载后添加。使用jquery,它看起来如下所示:
<script type="text/javascript">
$(function () {
$(".song").click(function(e) {
$('#mplayer').attr('src', $(this).attr('href'));
e.preventDefault();
});
});
</script>
$(函数(){
$(“.song”)。单击(函数(e){
$('#mplayer').attr('src',$(this.attr('href'));
e、 预防默认值();
});
});
您将在他提供的链接中找到相同的答案。不,先生,它不起作用。当我单击链接时,宋将在新页面中播放(刷新当前页面并将地址更改为http://localhost:8080/skypark/sp/resources/songs/xxx22.mp3
)是的。如果他没有加载jQuery,那就糟透了。@d4rkpr1nc3是的,他似乎没有引用库。谢谢你,先生,现在它正在播放。我在这个问题中结合了两个答案,现在它正在工作。非常感谢你,先生……不,先生,它不工作。当我单击链接时,歌曲将在新页面中播放(刷新当前页面并将地址更改为http://localhost:8080/skypark/sp/resources/songs/xxx22.mp3
)您也做了同样的事情。不。合乎逻辑的答案是在页面加载时添加事件,否则元素将不存在。@james,请在问题中发布您的代码或创建一个提琴。谢谢先生,现在它正在播放。我错过了在我的函数之前添加您指定的函数……非常感谢先生。。。。。
<script type="text/javascript">
$(function () {
$(".song").click(function(e) {
$('#mplayer').attr('src', $(this).attr('href'));
e.preventDefault();
});
});
</script>