WordPress的 - 改變多個div

頁面上的多個div元素的背景顏色我要讓每一個不同的背景色。我將設置可以設置的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更友好？

親切的問候戴夫

來源

2014-10-11 Dave

你可能wan't來包裝它是這樣的：包括與WordPress

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 
});

jQuery庫設置爲noConflict（）模式（見WP-包括/ JS/jQuery的/的jquery.js）。這是爲了防止WordPress可以鏈接的其他JavaScript庫的兼容性問題。在Codex here瞭解更多。此外，將$（。random）更改爲$（。grid-item-container），這將針對您的div類。

來源

2014-10-11 19:59:44 Tim

所以我已經添加到了我的頭文件： <腳本類型= 「文/ JavaScript的」> jQuery的（文件）。就緒（函數（$）{VAR = randomColors [ 「綠」，「黃「，」red「，」blue「，」orange「，」pink「，」cyan「]; $（」random「）。 = Math.floor（Math.random（）* len）; $（this）.css（「backgroundColor」，randomColors [randomNum]）; //從陣列中刪除顏色，使其不能再次使用 randomColors。 splice（randomNum，1）; }）; }）; – Dave 2014-10-11 20:38:37

請看我更新的答案 – Tim 2014-10-11 20:53:19

謝謝Tim。那很棒。 – Dave 2014-10-11 21:48:23

WordPress的 - 改變多個div

回答

相關問題