随机背景图片未加载

时间:2015-04-03 10:00:14

标签: javascript random background-image

我正在尝试为“某事”元素激活随机背景图片,但没有成功,任何人都可以提出我做错的建议吗? 这来自content-single-product.php Woocommerce插件

<div class="item-layout" id="something">
<script type="text/javascript">
var images = [
    "http://domainname.com/image-12.jpg",
    "http://domainname.com/image-11.jpg",
    "http://domainname.com/image-13.jpg",
    "http://domainname.com/image-14.jpg"
];

$("#something").css("background", "url(" + images[Math.floor(Math.random() * images.length)] + ")");
</script>
    <div itemscope itemtype="http://schema.org/Product" id="product-<?php the_ID(); ?>" <?php post_class(); ?>>

        <?php ...
        ?>

        <div class="summary">

            <?php ...               ?>

        </div>
    </div>
</div>
<div style="clear:both;"></div>
        <?php 
            ...
        ?>

        <?php do_action('woocommerce_after_single_product'); // upsell ?>

    </div><!-- #product-<?php the_ID(); ?> -->

#something is width:100%; height:400px;

的css

1 个答案:

答案 0 :(得分:1)

知道了,我错过了<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script> 并将脚本移到了div正下方,并且工作得很好