1

私は現在、それぞれにリンクされた音を持つ単語のランダムなリストを持っています。写真もリンクしたいのですが、音と同じようにしようとすると。

<ul style="display:none;" id="wordlist">
  <li data-word="cat" data-audio="http://www.wav-sounds.com/cartoon/porkypig1.wav" data-pic="http://rlv.zcache.com/design_your_own_cartoon_cat_photosculpture-p153525514006078077bfpmd_400.jpg"></li>
  <li data-word="mat" data-audio="http://www.wav-sounds.com/cartoon/daffyduck1.wav"></li>
  <li data-word="dog" data-audio="http://www.wav-sounds.com/cartoon/porkypig1.wav"></li>
  <li data-word="fig" data-audio="http://www.wav-sounds.com/cartoon/porkypig1.wav"></li>
  <li data-word="fog" data-audio="http://www.wav-sounds.com/cartoon/daffyduck1.wav"></li>
  <li data-word="mum" data-audio="http://www.wav-sounds.com/cartoon/daffyduck1.wav"></li>
</ul>

ボタンがクリックされたときにそれを引き出すスクリプトは次のとおりです...

var audio = $("#mysoundclip")[0];
$("button").click(function() {
var noExist = $('td[data-word=' + rndWord + ']').hasClass('wordglow2');
if (noExist) {
    $('#pickNext').click();
} else {
    $("#mysoundclip").attr('src', listOfWords[rndWord]);
    audio.play();
}
});

var pic = $("#mypic")[0];
$("button").click(function() {
var noExist = $('td[data-word=' + rndWord + ']').hasClass('wordglow2');
if (noExist) {
    $('#pickNext').click();
} else {
    $("#mypic").attr('src', listOfWords[rndWord]);
    pic.show();
}
});

したがって、音声のスクリプトは機能しますが、写真のスクリプトは機能しません...

<img id="mypic" preload="auto">
<audio id="mysoundclip" preload="auto"></audio>
4

2 に答える 2

0

属性を追加するのを忘れています...

for(i = 0; i < ul.children.length; ++i){
listOfWords[ul.children[i].getAttribute("data-word")] = ul.children[i].getAttribute("data-audio", "data-pic")
}

お役に立てれば

于 2012-07-26T08:25:17.340 に答える
0

これがうまくいかないと言うとき、あなたは何を意味しますか？HTML は有効に見えます (画像の URL を LI タグのマークアップに保存しました)。値をどのように使用しようとしていますか?それにアクセスしようとする JavaScript コードはありますか? もしそうなら、それを私たちに見せてください。

于 2012-07-26T08:00:36.303 に答える