Question

我的页面上有多个DIV元素，类为“grid-item-container”

我想让每个人的背景颜色不同。我将设置一个可以设置的5种不同颜色的数组。

这里有一个脚本可以执行此操作：http://jsfiddle.net/VXG36/1/

$(document).ready(function() {
var randomColors = ["green","yellow","red","blue","orange","pink","cyan"];
$(".random").each(function(index) {
    var len = randomColors.length;
    var randomNum = Math.floor(Math.random()*len);
    $(this).css("backgroundColor",randomColors[randomNum]);
    //Removes color from array so it can't be used again
    randomColors.splice(randomNum, 1);
});
});

但我不能让它在我的页面上运行。这个脚本中有什么东西需要修改才能使Wordpress友好吗？

亲切的问候戴夫

Answer 1

你可能不想把它包装成这样的东西：

jQuery(document).ready(function($) {
   // Inside of this function, $() will work as an alias for jQuery()
   // and other libraries also using $ will not be accessible under this shortcut
});

WordPress附带的jQuery库设置为noConflict（）模式（请参阅wp-includes / js / jquery / jquery.js）。这是为了防止WordPress可以链接的其他JavaScript库的兼容性问题。在Codex here中了解更多相关信息。

另外，将$（。random）更改为$（。grid-item-container），这会以div的类为目标。

Wordpress - 改变多个Div的背景颜色

1 个答案: