jQuery 随机数不起作用

Question

我试图让 jQuery 根据数字在我的网站主体上生成随机背景。所以我试图让它生成 main1.jpg 或 main2.jpg 并将其作为背景放入正文中。

由于某种原因，它只生成 main2.jpg。这是我的代码:

$(document).ready(function(){

    $("body").css({'background' : 'url(images/main1.jpg)'}).hide();
    $("body").css({'background' : 'url(images/main2.jpg)'}).hide();

    var randomNum = Math.floor(Math.random()*2); /* Pick random number */

    $("body").css({'background' : 'url(images/main:eq(' + randomNum + ').jpg)'}).show(); /* Select div with random number */

});

谢谢， 韦德

Answer 1

看到你想要做什么是非常令人困惑的。现在，您隐藏了正文两次，然后错误地添加了 css 规则，然后显示了正文。如果您只想设置随机背景，请执行以下操作:

$(document).ready(function(){
    var randomNum = Math.ceil(Math.random()*2); /* Pick random number between 1 and 2 */
    $("body").css({'background' : 'url(images/main' + randomNum + '.jpg)'});
});

如果您想添加两个 div 并随机显示一个，请执行以下操作:

$(document).ready(function(){
    /* Pick random number between 1 and 2 */
    var randomNum = Math.ceil(Math.random()*2); 
    $.each([1,2], function(){
       var $div = $('<div class="background" style="background-image: url(images/main' + this + '.jpg)"></div>');
       if( this !== randomNum ) $div.hide();
       $div.appendTo( document.body );
    });
})