我正在尝试为“某物”元素激活随机背景图像,但没有成功,有人可以提出建议我做错了什么吗?
这是来自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 最佳答案
知道了,我错过了<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script>
并将脚本移到下面div
的外面,并且工作正常
关于javascript - 随机背景图片未加载,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29429989/