0

Stackoverflow に初めて投稿するので、ご容赦ください。JSON を介して動的オーディオ ファイル リンクを生成し、ID ごとにオーディオ プレーヤーを追加する JQMobile Web アプリがあります。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>
4

1 に答える 1