gpt4 book ai didi

javascript - 如果找不到动态音频src或为空,则使用javascript隐藏HTML5音频播放器

转载 作者:行者123 更新时间:2023-12-03 02:15:57 25 4
gpt4 key购买 nike

关于Stackoverflow的第一篇文章,所以请多多包涵。
我有一个JQMobile Web应用程序,该应用程序通过JSON生成动态音频文件链接,并按ID附加音频播放器。当找不到src时,我试图隐藏播放器。

php / mysql / jqm脚本正在运行,我似乎无法获得if / else部分,该部分始终显示播放器为空。

<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>

<script type="text/javascript">
var serviceURL = "http://localhost/Apps/services/";

$(document).on('pageshow', '#detailsPage', function(event) {
var id = getUrlVars()["id"];
$.getJSON(serviceURL + 'getartist.php?id='+id, displayArtist);
});

function displayArtist(data) {
var artistDetVal = data.item;
console.log(artistDetVal);
$('#artistDetPic').attr('src', 'pics/lg/' + artistDetVal.picture);
$('#fullName').text(artistDetVal.firstName + ' ' + artistDetVal.lastName);
$('#artistDetTitle').text(artistDetVal.bio);
$('#city').text(artistDetVal.city);
$('#audioBio').attr('src', 'audio/' + artistDetVal.audio) .detach().appendTo($("#audioPlayer"));
}

function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
</script>

<body>

<script type="text/javascript">
$(document).ready(function(){

function displayArtist(data) {
var artistDetVal = data.item;
$('#audioBio').text(artistDetVal.audio);

if (artistDetVal.audio>0) {
$("#audioPlayer").show();
}
else {
$("#audioPlayer").hide();
}
}
});
</script>

<audio id="audioPlayer" controls="controls"><source id="audioBio" src=""/></audio>

</body>
</html>

最佳答案

似乎您的函数displayArtist被声明了两次,这是“不可以”。另外,永远不会调用第二个声明,它是控制显示还是隐藏玩家的声明。

尝试将显示/隐藏播放器的逻辑放在第一个displayArtist实例中,然后完全删除重复的副本。

function displayArtist(data) {
var artistDetVal = data.item;
console.log(artistDetVal);
$('#artistDetPic').attr('src', 'pics/lg/' + artistDetVal.picture);
$('#fullName').text(artistDetVal.firstName + ' ' + artistDetVal.lastName);
$('#artistDetTitle').text(artistDetVal.bio);
$('#city').text(artistDetVal.city);
$('#audioBio').attr('src', 'audio/' + artistDetVal.audio).detach().appendTo($("#audioPlayer"));

$('#audioBio').text(artistDetVal.audio);

if (artistDetVal.audio>0) {
$("#audioPlayer").show();
}
else {
$("#audioPlayer").hide();
}
}

另外,如果 artistDetVal.audio是字符串,则可能要使用条件 if(artistDetVal.audio.length > 0)

关于javascript - 如果找不到动态音频src或为空,则使用javascript隐藏HTML5音频播放器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19778179/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com