$.fn.shuffleChildren = function() {
$.each(this.get(), function(index, el) {
var $el = $(el);
var $find = $el.children();
$find.sort(function() {
return 0.5 - Math.random();
});
$el.empty();
$find.appendTo($el);
});
};Verwendung
$(".parent-element").shuffleChildren();
Siehe den Pen
jQuery Shuffle Funktion von Chris Coyier (@chriscoyier)
auf CodePen.
Das ist cool, gefällt mir.
Cool, nett1
... und wenn du beim Laden mischen möchtest
<pre>$(window).load(function() {
$(“.shuffle”).shuffleChildren();
});
</pre>
Anstelle der Demo-Seite
<pre>$(“#shuffle”).click(function() {
$(“.shuffle”).shuffleChildren();
});
</pre>
Wo kann ich das platzieren? Ich bin relativ neu im Programmieren... Ich benutze Dreamweaver und habe ein JS-Plugin für den Code erstellt, aber wo platziere ich die 'Verwendung'?