Question

我正在尝试在页面重新加载时随机化图像并将它们存储在localStorage中，因此前一个图像不会在下次刷新时加载，但我只是在显示图像时遇到问题。这是我的HTML：

<ul class="grid">
    <li class="small overlay" id="random-image" onclick="location.href='switchblade.html'">
        <div class="middle">
            <div class="text">The pivot switchblade</div>
        </div>
    </li>
</ul>

和它的jQuery：

$(function () {
    var url = "../img/switchblade/",
    imageArray = [
        url+"pivot-switchblade.jpg",
        url+"switchblade-01.jpg",
        url+"switchblade-08.jpg",
        url+"switchblade-05.jpg",
        url+"switchblade-06.jpg",
    ],
    randomNumber = Math.floor((Math.random() * imageArray.length)),
    baseUrl = "url('" + imageArray[randomNumber] + "')";

    $("#random-image").css('background-image', baseUrl);
})();

网址100％正确，所以我知道这不是问题。

非常感谢任何帮助，也欢迎任何有关localStorage的帮助。

Answer 1

代码工作正常，因为需要提供背景图像，高度和宽度来显示图像。你还必须删除＆＃34;（）＆＃34;从最后，因为它抛出一些错误：

seats

Answer 2

$(...) undefined表示没有加载jQuery，加载jQuery，如果加载了jQuery，则将$(...)转换为jQuery(...)，因为某些框架如Wordpress不接受$ 。最后()没有任何意义。否则代码工作正常。

使用jQuery刷新页面上的随机图像

2 个答案: