1

私は非常に単純だがイライラする問題を抱えています。基本的に私がやろうとしているのは、特定の要素を MouseIn & Out すると、要素のテキストが配列を介してランダムに変化することです。HTMLから始まる私のコードは次のとおりです。

<div class="logo">
    <a href="#">
        luke <span>whitehouse</span> 
    </a>
    <span class="logo-note">// front-end web designer</span>
</div>

JS は次のとおりです。

$(document).ready(function() {
    var quotes = new Array("foo", "bar", "baz", "chuck");
    var randno = Math.floor ( Math.random() * quotes.length );
    $('.quote').add(quotes[randno]);

    $('.logo a').mouseover(function() {
        $('.logo-note').text(quotes[randno]);
    }).mouseout(function() {
        $('.logo-note').text(quotes[randno]);
    });
});
4

1 に答える 1

1

マウスオーバー/アウトイベントが発生したときにランダムなテキストを取得する必要があります。コードrandnoでは一度計算され、変更されることはないため、毎回同じ配列要素を取得し続けます。アイデアとしてこれを試してください

$('.logo a').mouseover(function() {
        $('.logo-note').text(quotes[Math.floor ( Math.random() * quotes.length )]);
    }).mouseout(function() {
        $('.logo-note').text(quotes[Math.floor ( Math.random() * quotes.length )]);
    });
于 2012-11-01T01:11:25.633 に答える