EksonValdez

Better script, always in function.php
I put a “random” class on the parent il.
The problem : it mix all the li.random even if it is in several ul
Can be solved by adding different classes

<script>
jQuery(document).ready(function($){
var $x = $(“li.random ul li”);
Array.prototype.sort.call($x, function() { return Math.random() < 0.5; });
$x.each(function(i, li) { $(“li.random ul”).append(li); });
});
</script>

Source

Ok solved with JQuery.
Thanks Dabliu Pee

Here’s the code, added to functions.php of my child theme. Probably not the most clean solution, but i’m not a code expert, if someone have an enhanced version, please share ??

add_action(‘wp_head’,’random_ul’);
function random_ul()
{
?>

<script>
jQuery(document).ready(function($){
$(‘.sub-menu’).each(function(){
// get current ul
var $ul = $(this);
// get array of list items in current ul
var $liArr = $ul.children(‘li’);
// sort array of list items in current ul randomly
$liArr.sort(function(a,b){
// Get a random number between 0 and 10
var temp = parseInt( Math.random()*10 );
// Get 1 or 0, whether temp is odd or even
var isOddOrEven = temp%2;
// Get +1 or -1, whether temp greater or smaller than 5
var isPosOrNeg = temp>5 ? 1 : -1;
// Return -1, 0, or +1
return( isOddOrEven*isPosOrNeg );
})
// append list items to ul
.appendTo($ul);
});
});
</script>
<?php }

Hey, thank you.
Here it is :
https://one-day-communication.fr/mhvprovence/

It is in the “Les Maisons d’H?tes” submenu.
There is only two items for now for testing purposes but the number of items will increase to about 20-25. (I will probably change the look for a mega menu).

Your interest for my problem is very appreciated.

Hi, Sorry to debunk this post..
MartinDot59, you succeed to make MyCalendar work with Divi theme by modifying custom.js.
Can you explain me what you’ve done in order to fix it ?
Thank you